有代码
<li *ngFor="let color of colors;" [class.duplicate]="color.hex == colors[0].hex">{{color.hex}}<li>
根据颜色列表的颜色对象的十六进制属性填充十六进制代码列表。
结果,上面的duplicate
类被分配给任何项目,其中十六进制与第0项的十六进制相同。
正确?
是否可以修改此代码,以便将duplicate
类应用于任何重复项,但不仅仅与0th
项目进行比较
答案 0 :(得分:2)
您可能希望向控制器添加功能。我的Angular2 +生锈了,但有些效果:
static my_func (char *arg1, char *arg2, int arg3)
{
EXEC SQL BEGIN DECLARE SECTION;
EXEC SQL VAR arg1 IS STRING (STR_LEN);
EXEC SQL VAR arg2 IS STRING (STR_LEN);
EXEC SQL END DECLARE SECTION;
/* Rest of function here... */
}
<li *ngFor="let color of colors;" [class.duplicate]="findDuplicate(index, color)">{{color.hex}}<li>
注意:function findDuplicate(index, color){
return colors.find((checkColor, checkIndex) => {
let isDuplicate = (checkIndex != index) && (color.hex == checkColor.hex);
return isDuplicate;
});
}
用于防止当前颜色在数组中找到时将其标记为重复。