angularjs – 在Angular ui-router子模板中不起作用

发布时间：2020-12-17 08:20:46 所属栏目：安全来源：网络整理

导读：我已经注册了一个孩子.child1状态测试,这里父母(测试)工作正常.当我导航到状态test.child1 URL变为#/ test / child1但视图保持不变,子模板不工作 angular.module('uiRouterSample.contacts',[ 'ui.router']).config( [ '$stateProvider','$urlRouterProvider

我已经注册了一个孩子.child1状态测试,这里父母(测试)工作正常.当我导航到状态test.child1 URL变为#/ test / child1但视图保持不变,子模板不工作

angular.module('uiRouterSample.contacts',[
  'ui.router'
])

.config(
  [          '$stateProvider','$urlRouterProvider',function ($stateProvider,$urlRouterProvider) {
      $stateProvider
      .state('test',{
            url:'/test',template:'<a ui-sref="test">Parent</a> -> <a ui-sref=".child1">child1</a>',controller: ['$scope','$state','contacts','utils',function (  $scope,$state,contacts,utils) {
              }]
        }).state('test.child1',{
            url:'/child1',template:'Child template working fine'
        })
    }
  ]
)

您需要在父状态模板(测试状态)中使用ui-view指令：

template:'<div ui-view/> <a ui-sref="test">Parent</a>  <a ui-sref=".child1">child1</a></div>',

基本上,每当你在ui-router中有一个具有子状态的状态时,那个子状态的直接父pf也必须在其模板中有一个ui-view指令.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!