Angular 2＆4：NgIf/else顯示窗口加載指令的條件

我是Angular 2的新手& Angular 4和Web應用程序，它應該在視口中顯示兩個重疊的組件。當應用程序第一次加載（onLoad）時，它應該顯示第一個組件。用戶可以與該組件進行交互。當用戶與視口進行交互時，應顯示另一個組件（與第一個組件具有相同的保留空間）。我在尋找一個NgIf- /否則，條件是這樣的：Angular 2＆4：NgIf/else顯示窗口加載指令的條件

<component-1 *ngIf="windowOnload()" display component-1></component-1>

其他顯示

<component-2></component-2>

我還需要實現的組件，其中詳細病情一些邏輯;這樣的條件是：

當窗口負載，顯示組件1，否則顯示組件2 由於我是新來的角2 & 4，任何提示&代碼樣本，將不勝感激，謝謝！

來源

2017-08-01 Die Web Agenten

的可能的複製[如何使用\ * ngIf否則在角4？（HTTPS：/ /stackoverflow.com/questions/43006550/how-to-use-ngif-else-in-angular-4） – Dalton

@Dalton：謝謝你的提示;我閱讀了提到的帖子，並指定了我的帖子。我需要組件中的一些邏輯，它顯示加載中的第一個組件，另一個組件中的第二個組件。任何提示將不勝感激！ –

也許這個鏈接https://medium.com/aviabird/ngif-else-lands-in-angular-2-0-a242940e54ff可以幫助你。 – Dalton

通常，您需要使用要顯示的第一個組件引導您的Angular應用程序。你會這樣做使用路由。所以你會路由到你的組件1。

然後我不清楚是什麼觸發了第二條路線的顯示，但是通常會在所需的操作中路由到第二個組件。

如果你想與路由的角度應用的例子，我有一個在這裏：https://github.com/DeborahK/Angular2-GettingStarted

來源

2017-08-01 20:24:40 DeborahK

Angular 2＆4：NgIf/else顯示窗口加載指令的條件

回答

相關問題