如何在不同状态之间保留ui-view的内容?

时间:2014-12-11 12:42:00

标签: angularjs angular-ui-router

我的申请有3个'ui-views':

  • NAV @
  • 主@
  • 侧@

我在路由器上的状态是这样的:

.state('home', {
    url: "/home",
    views: {
        'nav@':  { templateUrl: "views/navigation/main.html" },
        'main@': { templateUrl: "views/home/main.html" },
        'side@': { templateUrl: "views/home/side.html" }
    }
})

这个工作正常,所有三个视图都被渲染。

.state('home.detail', {
    url: "/{id}",
    views: {
        'side@': { templateUrl: "views/home/side.html" }
    }
})

这个也适用,只有'side @'视图被更新。

现在对于第三条路线,我希望将“nav @”视图保持在相同的状态,就像在'home @detail'路径中为'main @'和'nav @'视图完成一样。

.state('seminar', {
    url: "/seminar/{id}",
    views: {
        'main@': { templateUrl: "views/seminars/main.html" },
        'side@': { templateUrl: "views/seminars/side.html" }
    }
})

不幸的是,打开路线时,'nav @'视图会呈现为空白。有没有办法告诉角度不清除视图并保留内容?

我可以声明'nav @'模板,但我想知道是否有办法解决这个问题。

0 个答案:

没有答案