Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度2&;4:窗口加载时显示指令的NgIf/else条件_Javascript_Angular - Fatal编程技术网

Javascript 角度2&;4:窗口加载时显示指令的NgIf/else条件

Javascript 角度2&;4:窗口加载时显示指令的NgIf/else条件,javascript,angular,Javascript,Angular,我不熟悉Angular 2和Angular 4,正在开发一个web应用程序,它应该在视口中显示两个重叠的组件。当应用程序第一次加载(onLoad)时,它应该显示第一个组件。然后,用户可以与组件交互。当用户与视口交互时,应显示另一个组件(与第一个组件具有相同的保留空间)。我正在寻找类似以下情况的NgIf-/Else条件: <component-1 *ngIf="windowOnload()" display component-1></component-1> 其他显

我不熟悉Angular 2和Angular 4,正在开发一个web应用程序,它应该在视口中显示两个重叠的组件。当应用程序第一次加载(onLoad)时,它应该显示第一个组件。然后,用户可以与组件交互。当用户与视口交互时,应显示另一个组件(与第一个组件具有相同的保留空间)。我正在寻找类似以下情况的NgIf-/Else条件:

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

其他显示

<component-2></component-2>

我还需要在组件中实现一些逻辑,其中详细说明了条件;因此,条件是:

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

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

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

如果您想要一个带布线的角度应用程序示例,我这里有一个:


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

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

如果您想要一个带布线的角度应用程序示例,我这里有一个:


可能重复@Dalton:感谢您的提示;我读了上面提到的帖子,并详细说明了我的帖子。我需要组件中的一些逻辑,它显示加载中的第一个组件,在另一种情况下显示第二个组件。任何提示都将不胜感激!也许这个链接可以帮助你。可能重复@Dalton:谢谢你的提示;我读了上面提到的帖子,并详细说明了我的帖子。我需要组件中的一些逻辑,它显示加载中的第一个组件,在另一种情况下显示第二个组件。任何提示都将不胜感激!也许这个链接可以帮助你。