angular - 在 Angular4 中切换路由时防止重新加载组件

标签 angular

我有一个页面,例如:

enter image description here

有两个标签:A和B,点击A时, socket 显示组件A,点击B时, socket 显示组件B。

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

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

最佳答案

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

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

关于angular - 在 Angular4 中切换路由时防止重新加载组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49271403/

相关文章:

javascript - Mapbox 弹出窗口中的按钮未执行功能

angular - 在 angular7 中实现引导模式对话框

JavaScript 请求对象 - 将键作为变量转换为字符串

angular - 请为angular 6推荐任何滚动条插件

javascript - 为什么 Protractor 在连续两行引用元素时无法定位元素?

angular - 将索引传递给 FormArray 控件验证器

javascript - 抑制 <img> html 标签上的 404 图像未找到错误

javascript - 从 Angular 2 项目调用 JavaScript 文件

angular - 我在哪里可以获得 ngModule 中所有可能的 angular2 导入的列表?

Angular 解决错误错误 : Uncaught (in promise): TypeError: resolver is not a function