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显示窗口加载指令的条件

回答

相关问题