angular - 将数据绑定到 Angular 中的非本地 html 属性
问题描述
我喜欢将数据库中的一些数据绑定到 Angular 应用程序中的非自然标签元素,这与“同位素过滤器”有关:我想改变这个
<li><a href="#" data-filter=".joomla"></li>
到
<li *ngFor="let cat of categories;index as i">
<a href="#" class="active" [data-filter]=categoriesId[i]>{{cat.Title}}</a>
其中 categoriesId 是我的 ts 文件中的字符串数组,但我遇到了这个错误:
无法绑定到“数据过滤器”,因为它不是“a”的已知属性。
我在做一个不可能的动作吗?如果是的话,有什么解决方案可以做这样的事情吗?
解决方案
您可以使用此处记录的属性绑定语法:
<li *ngFor="let cat of categories;index as i">
<a href="#" class="active" [attr.data-filter]=categoriesId[i]>{{cat.Title}}</a>
</li>
推荐阅读
- azure-active-directory - Azure AD B2C 链接到注册页面(未登录)
- c++ - 告诉 QMake -std=C++17。QMAKE_CXXFLAGS 被覆盖
- r - 使用参数“重要性 = TRUE”时不能使用变量重要性图
- ios - 反应原生对讲无法加载您的对话
- c# - 当我只读取值时,为什么会从 ConcurrentDictionary 收到“集合已修改”错误?
- php - 在 PHP 上访问 Ajax Post 数据时遇到问题
- ios - 隐藏大写锁定图标 Xamarin iOS
- r - 通过这些条目的值复制稀疏矩阵中非零条目的行索引
- ssis - 通过存储过程执行 SSIS 包?SSDB里面?
- angularjs - Angular在Ng重复中调用一个函数