動態成分附加在angular2

Question

在角2我的應用程序有以下

<my-app> 

<item></item> 
<item></item> 
<item></item> 
<item></item> 

</my-app> 

在時間，系統會發送通知，以便某些時候，它必須添加通知組件爲「」。我們怎樣才能做到這一點。我們在角2

<my-app> 

<item></item> 
<item></item> 
<item></item> 
<item></item> 

<notification></notification> 

</my-app> 

Answer 1

使用的概念，我相信你正在尋找ngIf。 ngIf允許您顯示基於條件的內容。這可以是一個表達式或簡單的布爾值。

作爲示例，您可以將通知設置爲僅在名爲'notify'的變量爲true時顯示，否則不會顯示。如果它通過在component.ts文件改變變量顯示

<notification *ngIf="notify"></notification> 

變化：將此放在你的HTML模板爲例子。

export class MyComponent { 

    notify = false; 

    displayNotificaiton() { 
     this.notify = true; 
    } 

} 

您可能還想閱讀ngIf文檔。

https://angular.io/docs/ts/latest/api/common/index/NgIf-directive.html