首页 > 解决方案 > AngularJs UI路由器:切换选项卡时防止视图重新加载

问题描述

我正在使用 angularJs UI 路由在我的应用程序中创建选项卡。

我的应用程序中有多个选项卡,每个选项卡都有不同的输入字段。

用户可以在填充一个选项卡中的字段的同时切换选项卡,同时这样做会丢失前一个选项卡中的数据,因为每次打开选项卡时都会重新加载选项卡的控制器。

如何避免重新加载视图内容,以便在切换选项卡之前保留所选选项卡和所有内容。

标签: angularjsangular-ui-router

解决方案


看一下动态参数:

https://ui-router.github.io/ng2/docs/2.0.1/interfaces/params.paramdeclaration.html#dynamic

这允许在不重新加载路由的情况下更改路由器参数。我将它用于标签,它对我有用。

另一种选择是不在组件中保留任何数据。将其放入服务中,它将在路线更改之间持续存在。


推荐阅读