在Angular4中切换路由时阻止重新加载组件

问题描述 投票:2回答:2

我有一个像这样的页面:

enter image description here

有两个标签:A和B,单击A时,插座将显示组件A,单击B时显示组件B.

现在单击标签B并显示组件B,然后单击标签A,然后单击B,该组件将通过ngOnInit引发重新加载。问题是:

如何在A和B之间切换时防止组件B重新加载,我只想初始化组件B一次。

angular
2个回答
2
投票

如果您不想在更改路径时重新加载组件,为什么不简单地将组件放在页面中并相应地隐藏/显示它们?请检查我创建的这个示例:

https://stackblitz.com/edit/angular-c2teek


0
投票

我使用了角度service来维护组件的所有数据,并调用了组件构造函数中的相关函数,将这些值分配给组件的局部变量/对象。

因此,在每个开关上,将调用组件的构造函数,它将从服务中获取属性。

你可以在ngOnInit()做同样的调用,如果不是constructor

© www.soinside.com 2019 - 2024. All rights reserved.