嵌套子状态与ui路由器

时间:2015-07-03 12:09:02

标签: javascript angularjs angular-ui-router

当我正在开发一个Angular应用程序时,我想知道ui-route嵌套状态。

docu中所述,可以创建嵌套状态,例如(取自doc):

 $stateProvider
   .state('contacts', {
     templateUrl: 'contacts.html',
     controller: function($scope){
       $scope.contacts = [{ name: 'Alice' }, { name: 'Bob' }];
     }
   })
   .state('contacts.list', {
     templateUrl: 'contacts.list.html'
   });

但是有可能创建一个格式化状态吗? (可能通过添加类似的东西):

 .state('contacts.list.state', {
   templateUrl: 'html_file.html'
 )}

1 个答案:

答案 0 :(得分:1)

是的,你可以按照你的建议那样做。 EG:

$stateProvider
  .state('contacts', {
    url: '/',
    templateUrl: 'contacts.html',
    controller: function($scope){
       $scope.contacts = [{ name: 'Alice' }, { name: 'Bob' }];
     }
  })
  .state('contacts.list', {
    url: ':list',
    templateUrl: 'contacts-list.html'
  })
  .state('contacts.list.fullDetails', {
    url: '/fullDetails',
    templateUrl: 'contacts-list-full-details.html'
  });