在Angular2中,如何根据在该组件中收到的事件隐藏组件？

Question

我有以下代码:

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

该$event属性是一个布尔值,我想用来隐藏/显示这个组件.

如果不在<my-component> 课堂上编写新代码,是否有可能无法渲染？也就是说,我最好只是在模板中有逻辑,而不是在类本身.

Answer 1

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

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

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