在角2中使用模除法表達

-1

我有要求在角2 HTML模板中使用模除法。所以，我找不到與Angular 2 Docs中的模塊劃分相關的任何表達式。那麼，有什麼方法可以滿足我的要求嗎？在角2中使用模除法表達

在這裏，我想要做什麼。根據索引添加一個類（顏色代碼）。

[ngClass]="{'color0': i===0, 'color1': i===1, 'color2': i===2, 'color3': i===3, 'color4': i===4, 'color5': i===5, 'color6': i===6, 'color7': i===7, 'color8': i===8, 'color9': i===9}"

以這種方式後，第9個索引我不能得到一個顏色。而且，增加更多的班級將會延長班次。

來源

2016-12-10 Saiyaff Farouk

在你的組件類地址：

ngOnInit() { 
    this.colors = ["color0", "color1", "color2", ........]; 
}

，並在模板中，更改爲：

[ngClass]="colors[i]"

來源

2016-12-10 17:04:04

@Douenias感謝。這有助於縮短生活的時間......聰明。但我的要求是，如果有索引11我應該能夠應用顏色代碼。不知道爲什麼？並加入了downvote。沒有任何意義。 –

在角2中使用模除法表達

回答

相關問題