angular - 在 Angular2 中，如何根据组件中收到的事件隐藏组件？

Question

我有以下代码:

<my-component (show)="$event"></my-component>

$event属性是一个 bool 值，我想用它来隐藏/显示此组件。

是否可以不渲染 <my-component> 没有在类中编写新代码？也就是说，我最好只在模板中而不是在类本身中包含逻辑。

Answer 1

只需监听一个事件并根据事件设置hidden属性:

class MyComponent {
  @HostBinding('hidden')
  isHidden:boolean = false;

  @HostListener('someevent')
  someEventHandler(event) {
    this.isHidden = event;
  }
}