Есть ли способ прикрепить директиву к компоненту в Angular2?

Question

У меня есть простой компонент панели:

<app-box></app-box> 

И есть шаблон:

<div class="box"> 
     <div class="box-header"> 
     <h3>Box Header</h3> 
     <small>Subtitle of this box</small> 
     </div> 
    </div> 

есть в любом случае я могу использовать директиву, прикрепленную к нему, так что я могу манипулировать DOM так:

<app-box subtitle="false"></app-box> 

Когда subtitle является false я хочу, чтобы удалить small элемент.

Кроме того, это неправильная техника?

Answer 1

использовать входы:

@Input() subtitle: boolean; 

и в вашем HTML:

<small *ngIf="subtitle">...</small>