ui-router子視圖中的多個視圖

Question

我的角度應用程序模板結構中具有以下結構：

partials / main.html

<body ui-view></body>

partials / club.html

<main role="main" ui-view></main>
<div class="modal" ui-view="modal"></div>

partials / club.members.html

<div class="md-view">
    <div class="master-view">...</div>
    <div class="detail-view" ui-view></div>
</div>

partials / club.members.view.html

<div class="card">...</div>

partials / club.members.assign.html

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

app.js：

$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'
       }
   }
});

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

/my-club/members/1

但是，當我進入club.members.view.assign時：

/my-club/members/1/assign

由於某種原因，這甚至都沒有調用MemberAssignCtrl內部的任何內容。 有人可以幫我闡明這個問題嗎？

Answer 1

如果引用的視圖與當前視圖不在同一命名空間中，則必須使用絕對名稱。

根據您的情況改變

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

至：

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

ui-router子視圖中的多個視圖

問題描述

1 個解決方案

解決方案1
2 已采納 2015-06-03 13:45:04

ui-router子視圖中的多個視圖

問題描述

1 個解決方案

解決方案1 2 已采納 2015-06-03 13:45:04

解決方案1
2 已采納 2015-06-03 13:45:04