無法分配列表元素的屬性在ngFor在angular2

Question

我有以下代碼

<li data-target="#myCarousel" *ngFor="#data of lengthArray" data-slide-to="data.index" class="data.class"></li> 

我發現了從作爲2長度，我發現了2個li元素但性能的http服務數據lengthArray沒有分配給他們

我甚至嘗試這樣的分配[數據載玻片到] =「data.index」，並把＃甚至，所有可能的方式

在瀏覽器中檢查元素，我可以看到作爲

<li data-target="#myCarousel" data-slide-to="data.index" class="data.class"></li> 

，我期望能夠

<li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
<li data-target="#myCarousel" data-slide-to="1" class=""></li> 

按照數據在我lengthArrat即數據

Answer 1

應該

[attr.data-slide-to]="data.index" [class]="data.class" 

沒有[]或{{}}角不評估值在所有。

data-slide-to="data.index" class="data.class" 

因此按原樣添加。

Angular2默認綁定到屬性。沒有data-slide-to屬性的任何元件上，除非它是一個Angular2部件，它有一個@Input('data-slide-to')

綁定到屬性使用任一

[attr.attrname]="value" 

或

attr.attrname="{{value}}" 

綁定到一個屬性，而不是的屬性，並指出Angular2需要解決該值。