有什么方法可以將指令附加到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>