角度コンポーネントのホスト要素にaria-requiredをバインドする

Question

カスタム選択UIコンポーネントにARIA属性をAngularで実装しようとしています。私は、要求された属性（ページ寿命の間に動的に設定される可能性がある）の存在/値が、ホスト要素のアリア要求属性（バインドされているようにhere）にどのようにバインドされているのだろうと思いました。

私はそれが最善の方法の性能面だかわからないが、ゲッター

@HostBinding('attr.aria-required') 
private get isRequired(){ 
    const reqAttr = this.elRef.nativeElement.getAttribute('required'); 
    return reqAttr === 'required' || reqAttr === 'true' || reqAttr === ''; 
} 

を使用している場合を除き、別の属性を結合することができ、このような構文ではありません@HostBinding知っていると同じくらい。

良い方法がありますか？

Answer 1

完全にそれが動作するかどうかわから、おそらくこのようなものはありません：あなたはしかし[]結合プロパティを使用する必要があるとしている

@HostBinding('attr.aria-required') 
@Input() 
public required: boolean; 

：

<component [required]="true"></component