Angular 2＆amp; 4：NgIf / else条件显示窗口加载

Question

我是Angular 2＆amp; Angular 4和在Web应用程序上工作，它应该在视口中显示两个重叠的组件。当应用程序第一次加载（onLoad）时，它应该显示第一个组件。然后，用户可以与组件交互。当用户与视口交互时，应显示另一个组件 - 与第一个组件具有相同的保留空间。我正在为这样的事情寻找一个NgIf- / Else-Condition：

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

其他显示

<component-2></component-2>

我还需要在组件中实现一些逻辑，详细说明条件;所以条件是：

当窗口加载时，显示组件1，否则显示组件2。 我刚认识Angular 2＆amp; 4，任何提示＆amp;代码样品将不胜感激，谢谢！

Answer 1

通常，您使用要显示的第一个组件来引导Angular应用程序。你会使用路由来做到这一点。因此，您将路由到组件-1。

然后我不清楚第二条路线显示的是什么触发器，但您通常会在所需动作上路由到第二个组件。

如果你想要一个带路由的Angular应用程序的例子，我在这里有一个：https://github.com/DeborahK/Angular2-GettingStarted