在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例如使用