Question

我使用的是Angular2 RC1版本和Material Design Lite 我将实现一个独立的网格组件。名为Id的自定义属性用于标识组件。

export class GridComponent {

  @Input() public id: string;

}

当我将Id属性绑定到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>

然后错误说'无法绑定'为'因为它不是已知的本机属性' 但我必须使用'UL'标签。以上“UL”代码遵循https://getmdl.io/components/#menus-section 我想知道你怎么处理这个案子？
提前谢谢。

Answer 1

本机元素上没有属性。你能在ul里面添加标签吗？ <label [attr.for]="{{id}}-viewColumn">。

Answer 2

显然必须将其添加为属性而不是属性。

使用

<ul [attr.for]="id"

或

<ul attr.for="{{id}}"

如何将组件id绑定为模板内HTML元素的父相对路径

2 个答案: