有没有办法将指令附加到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>