当前位置: 首页 > 知识库问答 >
问题:

Angular 7 html数据绑定i数据计数[重复]

司徒寒
2023-03-14

我需要将数据绑定到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>

但结果相同。

谢谢你的帮助。

共有2个答案

狄宏大
2023-03-14

请改用属性绑定语法

<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>
左丘智渊
2023-03-14

您可以使用[attr.]语法(不带花括号)。

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

进一步阅读:

https://angular.io/guide/template-syntax#attribute-class-and-style-bindings

 类似资料:
  • 数据绑定 JXML 中的动态数据来自于该 Page 的 data字段。 简单绑定 数据绑定使用 Mustache 语法(双大括号)将变量包起来,可以作用于以下: 页面内容 <view> hello {{ name }} </view> Page({ data: { name: 'cortana' } }) 组件属性(需要在双引号之内) <view id="{{id}}"> </

  • 主要内容:原始数据绑定,示例数据绑定API用于使用属性访问器或使用注释将JSON转换为POJO(普通旧Java对象)以及从POJO(普通旧Java对象)转换。 它有两种类型,分别如下所示 - 原始数据绑定 - 将JSON转换为Java地图,列表,字符串,数字,布尔值和对象。 对象数据绑定 - 从任何JAVA类型转换JSON。 Gson为这两种类型的数据绑定读/写JSON。 数据绑定类似于XML的JAXB解析器。 原始数据绑定

  • 数据绑定是连接用户界面 (UI) 到一个数据对象 (code) 的方法。它可以让在代码里修改的变化通过反射传递给UI,反之亦然。 后面的章节里, source 代表代码里的任何对象, target 代表任何UI控件(如 TextField )。 Data flow direction数据流动方向 数据绑定的部分设置是数据流动的方向。 NativeScript 数据绑定支持如下的数据传输: 单向:这

  • 数据绑定(订阅) 在 RxSwift 里有一个比较重要的概念就是数据绑定(订阅)。就是指将可监听序列绑定到观察者上: 我们对比一下这两段代码: let image: UIImage = UIImage(named: ...) imageView.image = image let image: Observable<UIImage> = ... image.bind(to: imageView.

  • 我想知道以下内容之间有什么区别: 与 有任何性能差异吗? 每个的首选用例是什么? 任何其他信息都将不胜感激! 谢谢!

  • attr绑定是用来为html元素绑定属性值的,这种绑定非常有用,例如我们需要想一个元素添加title属性,或者为img标签添加src属性。 示例代码: //.W片段 <a bind-attr="{ href: url, title: details }"> Report </a> //js片段 this.url=justep.Bind.observable("year-end.html"),