javascript - Angular 2 和 4 : NgIf/else condition for showing directives on window load

Question

我是 Angular 2 和 Angular 4 的新手，正在开发一个 Web 应用程序，该应用程序应该在视口(viewport)中显示两个重叠的组件。当应用程序第一次加载(onLoad)时，它应该显示第一个组件。然后用户可以与该组件交互。当用户与视口(viewport)交互时，应显示另一个组件 - 与第一个组件具有相同的保留空间。我正在寻找类似这样的 NgIf-/Else-Condition:

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

其他显示

<component-2></component-2>

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

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

Answer 1

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

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

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