Javascript ui路由器子视图中的多个视图_Javascript_Angularjs_Angular Ui Router

Javascript ui路由器子视图中的多个视图

javascript angularjs

Javascript ui路由器子视图中的多个视图,javascript,angularjs,angular-ui-router,Javascript,Angularjs,Angular Ui Router,我的angular应用程序模板结构中有以下结构： partials/main.html <body ui-view></body> 目前，一切正常，直到club.members.view： /my-club/members/1 但是，当我到达club.members.view.assign时： /my-club/members/1/assign 出于某种原因，这甚至不会调用MemberAssignCtrl中的任何内容。有人能帮我解释一下这个问题吗？如果引用的视图与当

我的angular应用程序模板结构中有以下结构：

partials/main.html

<body ui-view></body>

目前，一切正常，直到club.members.view：

/my-club/members/1

但是，当我到达club.members.view.assign时：

/my-club/members/1/assign

出于某种原因，这甚至不会调用MemberAssignCtrl中的任何内容。有人能帮我解释一下这个问题吗？

如果引用的视图与当前视图不在同一名称空间中，则必须使用绝对名称

在你的情况下，改变

views: {
   'modal': {
      templateUrl: '/partials/club.members.assign.html',
      controller: 'MemberAssignCtrl'
    }
}

致：

我猜

templateUrl

上缺少的引号是一个复制粘贴错误，对吗？是的，哎呀。。。。。我忘了现在修复了它。这是否意味着该视图对俱乐部状态是绝对的？作为参考，我从中获得了所有这些：它意味着该视图位于俱乐部状态，并且您不能从club.members.view.assign状态相对地引用它，因此需要使用绝对（且全局唯一）标识符来引用它。

<span class="member_name" ng-bind="memberName"></span>

$stateProvider.state('club', {
   url: '/:club_id',
   templateUrl: '/partials/club.html',
   controller: 'ClubViewCtrl'
}).state('club.members', {
   url: '/members',
   templateUrl: '/partials/club.members.html',
   controller: 'MemberListCtrl'
}).state('club.members.view', {
   url: '/:member_id',
   templateUrl: '/partials/club.members.html',
   controller: 'MemberViewCtrl' 
}).state('club.members.view.assign', {
   url: '/assign',
   views: {
      'modal': {
         templateUrl: '/partials/club.members.assign.html',
         controller: 'MemberAssignCtrl'
       }
   }
});

/my-club/members/1

/my-club/members/1/assign

views: {
   'modal': {
      templateUrl: '/partials/club.members.assign.html',
      controller: 'MemberAssignCtrl'
    }
}

views: {
   'modal@club': {
      templateUrl: '/partials/club.members.assign.html',
      controller: 'MemberAssignCtrl'
    }
}