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

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

你很高兴;)