无法在angular2的ngFor中分配列表元素的属性

Question

我有以下代码

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

我从一个长度为 2 的 http 服务获取数据 lengthArray，我获取 2 个 li 元素，但属性没有分配给它们

我什至试过像这样分配 [data-slide-to]="data.index" 并放置 # even ，所有可能的方式

在浏览器中检查元素我可以看到

<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"

没有 [] 或 {{}} Angular 根本不计算值。

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

因此按原样添加。

Angular2 默认绑定到属性。任何元素上都没有 data-slide-to 属性 除非它是 Angular2 组件并且它有 @Input('data-slide-to')

要绑定到属性，请使用

[attr.attrname]="value"

或

attr.attrname="{{value}}"

绑定到属性而不是 属性 并指示 Angular2 需要解析该值。