我正在努力在基于迭代的*ngFor中产生一种样式。我的模板如下所示: *ngFor="let color of options.colors"这两种方法都会在控制台中产生以下输出:Angular.io概述了为什么会发生这种情况,并引用了这种情况的原因作为对XSS攻击的保护。页面不会断开,但颜色并未应用;取而代之的是我的一个CSS文件中的默认颜色。
我想我会转而使用一种更具角度的方法:
单击时,我正在尝试为迭代数组中的特定项应用样式。我面临的问题是,它将样式应用于数组中的整个项。HTML文件 <ion-item-sliding *ngFor="let car of cars; let i=index;" #item>
<ion-item[ngStyle]="car.sold || isSo
网格中的所有内容都是使用ngFor创建的,遍历数组,并将索引存储在变量中,如下所示: <p *ngFor="let service oflocation.services; let i = index" [ngStyle]="{'text-align': getTextAlign(i)} ">{{ser