角度2がコンポーネントセレクタにバインド

Question

プロパティがtrueのときに非表示にする必要があるコンポーネントがあります。これをコンポーネント自体の中で解決する方法はありますか？

例：

@Component({ 
    selector: 'prio-tab', 
    changeDetection: ChangeDetectionStrategy.OnPush, 
    template: 
    ` 
     <div [hidden]="!active"> 
     stuff 
     </div> 
    ` 
}) 

export class PrioTabComponent { 
    @Input() title; 
    active:boolean = false; 
} 

ここで私は、アクティブフラグに依存するように、実際の「PRIO-タブ」の要素を持っていると思います。プリオタブの内容だけではありません。

<prio-tab [hidden]="this.active"> 
    stuff 
</prio-tab> 

私は作業溶液は、その親でPRIO-タブコンポーネントへの参照を作成することです推測：このよう

それともPRIO-タブタグを宣言するときに自分自身を使用することが多分可能です、親を通過します。しかし、もし私が複数のプリオタブを持っているなら、私はどうしますか？

Answer 1

あなたは素晴らしい流血つまり@HostBinding()

export class PrioTabComponent { 
    @Input() title; 

    @HostBinding('hidden') 
    active:boolean = false; 
}