角度 - * 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