在 Angular 中,可以使用 @Input
装饰器来将属性绑定到使用 kebab-case 命名的指令上,并使用别名来表示属性的实际名称。以下是一个包含代码示例的解决方法:
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-my-component',
template: `
{{ myProperty }}
`
})
export class MyComponent {
@Input('my-property') myProperty: string;
}
在上面的示例中,我们定义了一个名为 MyComponent
的组件,并使用 @Input('my-property')
装饰器将属性 myProperty
绑定到一个使用 kebab-case 命名的指令上,并将其别名设置为 'my-property'
。这样,我们就可以在模板中使用
的形式来绑定属性。
请注意,@Input
装饰器中的别名应该使用单引号或双引号括起来,以区分它是一个字符串常量。
希望这个解决方法对你有帮助!