我正在构建一个带有dom-repeat模板的菜单,如下所示:
<template is="dom-repeat" items="{{appletsMenu}}">
<a data-route="{{item.dataRoute}}" href="{{item.href}}">
<iron-icon icon="{{item.icon}}" src="{{item.iconSrc}}" ></iron-icon>
<span>{{item.name}}</span>
</a>
</template>
虽然生成的DOM中没有填充data-route
属性:
<a href="...">...</a>
<a href="...">...</a>
似乎模板只呈现&#34;正常&#34;像href
这样的属性。我错过了什么吗?感谢。
答案 0 :(得分:2)
要绑定到属性,请使用$ =而不是=。这导致致电:
element.setAttribute(attr, value);
相反:
element.property = value;
所以在你的情况下:
<a data-route$="{{item.dataRoute}}" href="{{item.href}}">