angular2数据属性

我觉得我错过了一些东西，但是当我尝试在模板中使用data属性时，像这样：

 <ol class="viewer-nav"><li *ngFor="#section of sections" data-sectionvalue="{{ section.value }}">{{ section.text }}</li></ol> 

Angular2崩溃：

EXCEPTION：模板parsing错误：由于不是已知的本地属性，因此无法绑定到“sectionvalue”（“

] data-sectionvalue =“{{section.value}}”> {{section.text}}

我明显错过了语法的东西，请帮助。

Answer 1

改用属性绑定语法

 <ol class="viewer-nav"><li *ngFor="let section of sections" [attr.data-sectionvalue]="section.value">{{ section.text }}</li> </ol> 

要么

 <ol class="viewer-nav"><li *ngFor="let section of sections" attr.data-sectionvalue="{{section.value}}">{{ section.text }}</li> </ol> 

另请参见如何在Angular 2中添加条件属性？