什么是主机属性函数

Question

谁能告诉我什么是主机属性?它是如何工作的?我可以在github上研究任何人的代码时找到这些代码。该男子试图在登录页面组件中使用密码输入组件。到目前为止我已经明白了，但是'host'属性让我感到困惑。

@Component({
selector: 'app-password-input',
templateUrl: './password-input.component.html',
styleUrls: ['./password-input.component.css'],
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => PasswordInputComponent),
multi: true,
},
],
host: {
'(change)': 'onChange($event.target.value)',
'(input)': 'onChange($event.target.value)',
'(blur)': 'onTouched()',
},
})

这些包含在其余代码中:

onChange: any = () => { };
disabled = false;

writeValue(value: string): void {
this.value = value;
}
registerOnChange(fn: any): void {
this.onChange = fn;
}
registerOnTouched(fn: any): void {
this.onTouched = fn;
}
setDisabledState?(isDisabled: boolean): void {
this.disabled = isDisabled;
}

Answer 1

主机元数据是声明HostListener/HostBinding装饰器的另一种方式。

请参阅此指南进行比较。