angle - * ngForインデックス付き

Question

私は角度のアプリを持っています。これは、* ngFor からカラムのインデックスを取得し、それをHTMLエレメントに追加したいのですが、の例を試しましたが、エラーが発生します。

コード：

<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