在 ui-router 上对不同状态使用相同模板的问题

Question

我正在尝试对 2 个不同的视图使用相同的模板。我的设置是这样的

$stateProvider.state('me', { 
    url: '/me', 
    templateUrl: 'partial/profile/profile.html',
    controller: 'ProfileController'
  });

  $stateProvider.state('myteam', { 
    url: '/myteam', 
    templateUrl: 'partial/myteam/myteam.html',
    controller: 'MyteamController' 
  });


  $stateProvider.state('myteam.teamMember', { 
    url: '/:username', 
    templateUrl: 'partial/profile/profile.html',
    controller: 'ProfileController'
  });

但是，每当我尝试访问 myteam.teamMember 时，URL 都会改变，但视图不会改变。有人有什么建议吗？

Answer 1

当您重定向到child 状态时，它会在当前状态HTML 上查找ui-view（可以命名为视图），并在其中加载状态模板。基本上，您正在重定向到myteam 的子状态，因此要查看更改，您应该在partial/myteam/myteam.html HTML 文件中的某处有ui-view。

partial/myteam/myteam.html

<div>
 MY HTML

 ......

 .......

 <div ui-view></div>

</div>