小编典典

如何使用 Angular 编写数据属性?

all

我觉得我错过了什么。当我尝试data attribute在我的 中使用 a 时template,如下所示:

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

Angular 2崩溃:

例外:模板解析错误:无法绑定到“sectionvalue”,因为它不是已知的本机属性(“

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

我显然在语法上遗漏了一些东西,请帮忙。


阅读 73

收藏
2022-05-05

共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>
2022-05-05