角度 - * ngFor索引

Question

我有角4应用程序，我想从* 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

由于data-columnindex不是<a>标签的机属性您必须采取另一种方法。结合具有attr指令：

<a class="ShowHideColumns" [attr.data-columnindex]="i + 1"> 

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