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 时，网址都会更改，但视图不会更改。有人有什么建议吗？

Answer 1

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

<强>部分/ myteam / myteam.html

<div>
 MY HTML

 ......

 .......

 <div ui-view></div>

</div>

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

1 个答案: