无法分配列表元素的属性在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需要解决该值。