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