在角度2.0模板中向标签添加"for"属性时出错
作者:乐韵答题 | 2023-09-07 20:54
如何解决《在角度2.0模板中向标签添加"for"属性时出错》经验,为你挑选了1个好方法。
我使用Angular 2.0框架并尝试创建一个输入组件.我也使用谷歌MDL,它的HTML结构需要输入标签.Angular给了我一个例外:
EXCEPTION: Template parse errors:
Can't bind to 'for' since it isn't a known native property ("s="mdl-textfield__input" type="text" id="{{input_id}}">
"): InputUsernameComponent@2:44
这是代码:
import {Component} from 'angular2/core';
import {Input} from 'angular2/core';
@Component({
selector: 'input-username',
template: `
`
})
export class InputUsernameComponent {
@Input('input-id') input_id: string;
@Input('input-label') input_label: string;
}
我该如何解决这个问题?
1> Günter Zöchb..:
更新
在最近的Angular2版本中for
应该htmlFor
自动映射以避免这种问题.
原版的
您需要属性绑定而不是正确的绑定
要么
要么
htmlFor
是反映for
属性的属性(https://developer.mozilla.org/de/docs/Web/API/HTMLLabelElement)
另请参见HTML - 属性与属性