Question

我曾在$routeProvider工作过一段时间以保持安静，现在我想我可能有一个要求，如果我实施$stateProvider会更好，因为它优先于$routeProvider。

我正在尝试在 this Plunker中实现嵌套视图，但我认为我误解了某些内容，因此我的hqChild@about1无效。它在html下实现

关于 - ＆gt;联系我们 - ＆gt; HeadQuater地址 - ＆gt;手机号码:( BLANK）

.state('about1',{
  url: '/about',
  views:{
    '': {templateUrl: 'partial-about.html'},
    'ofc@about1' : { template: 'Office Address here' },
    'hq@about1' : {
      templateUrl: 'hq-adr.html',
      controller: function($scope){
        $scope.msg= "HeadQuater Address here"
      },
      view:{
        'hqChild@about1': {template: '+91-99999 99999'}
      }

    }
  }
})

根据我对互联网的理解，viewname@statename是语法。

Answer 1

我改变了你的plunker，我假设你想要实现的是将hqchild模板插入<div ui-view="hqChild"></div>中的hq-adr.html。这是经过编辑的plunker。

我认为命名视图下的嵌套veiw:在ui-router中无效。我做的改变是以下

.state('about1',{
  url: '/about',
  views:{
    '': {templateUrl: 'partial-about.html'},
    'ofc@about1' : { template: 'Office Address here' },
    'hq@about1' : {
      templateUrl: 'hq-adr.html',
      controller: function($scope){
        $scope.msg= "HeadQuater Address here"
      }
    },
    'hqChild@about1': {template: '+91-99999 99999'}
  }
})

stateProvider AngularJS中的嵌套视图

1 个答案: