在 Angular 中,有许多指令和组件需要在其标签上添加属性,以指定其行为或属性。如果未提供所需的属性,则可能会收到一个错误或警告消息。
例如,以下代码片段中的 元素使用了
ngModel
指令。该指令必须指定一个绑定表达式来将输入值绑定到组件中的属性:
如果 myProperty
未定义或未声明,则将收到以下错误:
Can't bind to 'ngModel' since it isn't a known property of 'input'.
为了解决此问题,您可以确保 myProperty
存在于组件中,并且在组件类中声明:
export class MyComponent {
myProperty: string;
}
或者,您可以使用 @Input
装饰器使输入属性可注入到组件中:
import { Component, Input } from '@angular/core';
@Component({
selector: 'my-component',
template: `...`
})
export class MyComponent {
@Input() myProperty: string;
}
这样做可以使 myProperty
成为
标签可用的属性:
重要提示:在使用 Angular 时,请务必仔细阅读文档并理解各种指令和组件的用法和属性要求,以免出现常见错误。