数据计数中的Angular 7 html数据绑定[重复]答案

【问题标题】：Angular 7 html data binging i data-count [duplicate]数据计数中的Angular 7 html数据绑定[重复]
【发布时间】：2019-08-08 19:16:33
【问题描述】：

我需要将数据绑定到 HTML 元素 i：

<i data-count="{{notificationsLength}}" class="fas fa-bell notification-icon" aria-label="Nofitication centre"></i>

我收到错误消息：无法绑定到“count”，因为它不是“i”的已知属性。

然后我尝试了：

<i (data-count)="{{notificationsLength}}" class="fas fa-bell notification-icon" aria-label="Nofitication centre"></i>

但结果相同。

感谢您的帮助。

【问题讨论】：

标签： angular

【解决方案1】：

您可以使用[attr.*] 语法（不带花括号）。

<i [attr.data-count]="notificationsLength" class="fas fa-bell notification-icon" aria-label="Nofitication centre"></i>

进一步阅读：

【讨论】：

【解决方案2】：

改用属性绑定语法

<i  [attr.data-count]="notificationsLength" class="fas fa-bell notification-icon" aria-label="Nofitication centre"></i>

你也可以这样使用

<i  attr.data-count="{{notificationsLength}}" class="fas fa-bell notification-icon" aria-label="Nofitication centre"></i>

【讨论】：