Angular 2& 4:用于显示窗口加载指令的NgIf/else条件

Question

我是Angular 2& Angular 4的新手，正在开发一个web应用程序，它应该在视口中显示两个重叠的组件。当应用程序第一次加载(onLoad)时，它应该显示第一个组件。然后，用户可以与组件进行交互。当用户与视口交互时，应显示另一个组件-与第一个组件具有相同的保留空间。我正在寻找一个NgIf-/Else-条件，用于如下所示：

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

else显示

<component-2></component-2>

我还需要在组件中实现一些逻辑，它详细说明了条件；因此条件是：

当窗口加载时，显示组件1，否则显示组件2。由于我是Angular 2& 4的新手，任何提示和代码示例都将不胜感激，谢谢！

Answer 1

通常，您使用要显示的第一个组件引导您的Angular应用程序。您可以使用routing来完成此操作。因此您将路由到您的组件-1。

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

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

​

​