Question

我有一个像这样的对象数组

Heros=[{
  heroName:"card1",
  heroType:"type1",
  heroHtml:"<p>card 1</p>"
}, 
{
  heroName:"card2",
  heroType:"type2",
  heroHtml:"<p>card 2</p>"
}
]

我希望在我的html页面中显示它，就像这样

<div *ng-for="#hero of heros" data-hero-type="hero.heroType" [inner-html]="hero.heroHtml"></div>

可以在这里看到Plunker。

为什么数据组件类型无法获得正确的值？如果这是禁止或不推荐，还可以使用什么解决方案将值绑定到html 5自定义属性？

Answer 1

那是因为data-hero-type不是div的属性，而是属性，所以要使其工作，你必须使用

[attr.data-hero-type]="hero.heroType"

请参阅此问题以获取参考#5014

你很高兴去;）

html 5 data- *语法不能绑定角度2的值？

1 个答案: