定位父级时的Angular UI路由器嵌套视图

Question

鉴于这个 sn-p

$stateProvider
    .state('authorized', {
        abstract: true, 
        template: "<div ui-view='page'>hello</div>"
    })
    .state('task', {
      parent: 'authorized',
      abstract: true,
      url: '/task',
    })
    .state('task.create', {
      url: '/create',
      'views': {
        'page@authorized': {
          template: "word<div ui-view='boom'>replaced</div>",
          views: {
            'boom': {
              template: "up"
            }
          }
        }
      }
    })

我期待看到“单词向上”，而不是看到“单词替换” - 我想我误解了 angular ui 如何针对父状态，感谢帮助。

Demo plunk：http://plnkr.co/edit/69kdcy?p=preview

Answer 1

我更新了plunker with this change：

    .state('task.create', {
      url: '/create',
      'views': {
          'page@authorized': {
             template: "word<div ui-view='boom'>replaced</div>",
          },
          'boom@task.create': {
              template: "up"
          }
        }
    })

那么，有什么不同呢？ views 定义处于同一级别。因为我们想将繁荣注入到当前状态模板中，所以我们必须在末尾附加它的名称'boom@task.create'

查看here

如果您不介意，请查看Q & A，了解我如何尝试将嵌套用于标准布局