在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; 
    } 
} 

Answer 2

而不是使用事件，你可以在你的MyComponent使用一个类的成员，并绑定到隐藏属性：

<my-component #cmp [hidden]="cmp?.hidden"></my-component> 

---

工作Plunker例如使用