angular - * ngFor with index

Question

我有角度4 app，我想从* ngFor获取列的索引  并将其附加到HTML元素，我在angular.io中尝试过该示例，但它给了我一个错误

代码：

<li *ngFor="let col of Descriptive_FieldsMap;let i = index;">
  <a class="ShowHideColumns" data-columnindex="{{i + 1}}">
      {{col.FieldName}}
     <i id="data-table-col-{{i + 1}}" class="fa fa-minus-square pull-right">
     </i>
  </a>
</li>

错误：

Error: Template parse errors:↵Can't bind to 'columnindex' since it isn't a known property of 'a'. ("tive_FieldsMap;let i = index;">
↵

Answer 1

由于$output .= "$i$j$k\n";不是data-columnindex标记的原生属性，因此您必须采用其他方法。绑定<a>指令：

attr

https://angular.io/docs/ts/latest/guide/template-syntax.html#!#other-bindings