Angular:ngFor

时间:2018-03-15 18:10:27

标签: javascript arrays angular duplicates ngfor

有代码

<li *ngFor="let color of colors;" [class.duplicate]="color.hex == colors[0].hex">{{color.hex}}<li>

根据颜色列表的颜色对象的十六进制属性填充十六进制代码列表。

结果,上面的duplicate类被分配给任何项目,其中十六进制与第0项的十六进制相同。

正确?

是否可以修改此代码,以便将duplicate类应用于任何重复项,但不仅仅与0th项目进行比较

1 个答案:

答案 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; }); } 用于防止当前颜色在数组中找到时将其标记为重复。