0

我是 angular ui-router 的新手，但到目前为止一直在使用它进行简单的布局。

我有这个 plunker：http ://plnkr.co/edit/q71yKZ2m8iZrZo2FwbZd?p=preview

我想做的是双重的：

  1. 为了能够在 a 部分中进行一些更改，请单击 part b ，进行一些更改并在 2 个部分之间单击返回，但保留修改后的数据
  2. 要在 a 中进行更改，转到 b，然后按后退按钮并返回 a 而不会丢失更改

我的状态是这样定义的

$stateProvider
        .state('top', {
            url: '/top',
            name: 'top',
            sticky: true,
            templateUrl: 'top.html'
        });

$stateProvider
        .state('top.parta', {
            url: '/parta',
            name: 'parta',
            sticky: true,
            templateUrl: 'parta.html',
            controller: 'parta'
        });

$stateProvider
        .state('top.partb', {
            url: '/partb',
            name: 'partb',
            templateUrl: 'partb.html',
            sticky: true,
            controller: 'partb'
        });

虽然我可以让视图正常工作，但我似乎无法保持状态

我认为通过拥有“top.parta”和“top.partb”我将创建一个嵌套视图，但对于将视图对象置于顶级状态中的需要感到有些困惑

当我尝试使用视图时，我得到的只是一个空白屏幕。我希望这是一个足够简单的解决方法——我所需要的只是打开灯泡的开关；）

更新 #1 看起来我需要使用命名视图（“粘性状态视图必须针对其自己的唯一命名 ui-view。”）。我会进一步研究这个

4

0 回答 0