@HostBinding是Angular的一个装饰器,用于绑定到宿主元素的属性或属性别名,并将值设置为字段或计算属性的值。这个装饰器通常用于子组件向它们的父组件传递数据。
下面是一个示例,其中@HostBinding用于将button元素的disabled属性绑定到isDisabled字段的值:
@Component({
selector: 'app-custom-button',
template: `
`
})
export class CustomButtonComponent {
@HostBinding('attr.disabled') isDisabled = false;
}
在这里,@HostBinding('attr.disabled')用于指定要绑定到button元素的disabled属性,并将其设置为isDisabled字段的值。