我正在使用 Angular2 RC1 版本和 Material Design Lite。
我将实现一个独立的网格组件。
名为 Id 的自定义属性用于标识组件。
export class GridComponent {
@Input() public id: string;
}
当我将 Id 属性绑定(bind)到 UL 标记的“for”属性时，我遇到了问题。就像下面的代码片段:
<button class="mdl-button" id="{{id}}-viewColumn">
<i class="material-icons">view_column</i>
</button>
<ul class="mdl-menu" for="{{id}}-viewColumn">
<li *ngFor="xxx">
</li>
</ul>
然后错误提示“无法绑定(bind)到 'for'，因为它不是已知的 native 属性”。
但我必须使用“UL”标签。上述“UL”代码遵循 https://getmdl.io/components/#menus-section .
我想知道你会如何处理这个案子？
预先感谢您。
最佳答案
它显然必须作为属性而不是属性添加。
使用
<ul [attr.for]="id"
或
<ul attr.for="{{id}}"
关于javascript - 如何将组件 id 绑定(bind)为模板内 HTML 元素的父相对路径，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37824720/