首页 文章

模板解析错误:'t bind to ' item-value ' since it isn' t 'td'的已知属性

提问于
浏览
0

我想做以下事情:

<tr id="row" *ngFor="let data of dataList">
   <td class="search-result" data-item-value="{{data.value}}">
      {{data.text}}
   </td>
</tr>

这里dataList是具有prop值和text的对象数组 .

我收到以下错误:

zone.js:522未处理的Promise拒绝:模板解析错误:无法绑定到'item-value',因为它不是'td'的已知属性 . (“”* ngFor =“let data of dataList”>] data-item-value =“{}”> {}“):MultiListBoxComponent @ 24:66; Zone :; Task :Promise.then;值:SyntaxError {__zone_symbol__error:错误:模板解析错误:无法绑定到'item-value',因为它不是'td'的已知属性 . (“......}错误:模板解析错误:无法绑定到'item-value',因为它不是'td'的已知属性 . (“”* ngFor =“let data of dataList”>] data-item-value =“{{data.value “{}”):MultiListBoxComponent @ 24:66

是否在角度2中不允许绑定到自定义属性?

2 回答

  • 2

    你必须使用

    [attr.data-item-value]="data.value"
    

    代替

    data-item-value="{{data.value}}"
    
  • 3

    检查:https://stackoverflow.com/a/38792409/5049472

    您可以将 DomSanitizationService 与生成 td 的函数一起使用 .

相关问题