Javascript 角度UI路由器未在视图中显示
我试图用UI路由器创建一个嵌套视图,但我的视图没有显示,尽管控制台中的XHR指示正确的路径和加载成功。URL也按预期更新 以下是相关代码:Javascript 角度UI路由器未在视图中显示,javascript,angularjs,angular-ui-router,Javascript,Angularjs,Angular Ui Router,我试图用UI路由器创建一个嵌套视图,但我的视图没有显示,尽管控制台中的XHR指示正确的路径和加载成功。URL也按预期更新 以下是相关代码: .state('teams.tasks', { url: '/:teamID', templateUrl: 'views/items.html', controller: "itemsCtrl" }) .state('item
.state('teams.tasks', {
url: '/:teamID',
templateUrl: 'views/items.html',
controller: "itemsCtrl"
})
.state('items', {
url: '/items',
templateUrl: 'views/items.html',
controller: "itemsCtrl"
})
并且认为:
<a ui-sref=".teams({ id: team.id })" class="h4 media-heading">{{ team.name }}</a>
这个想法是——当我点击这个链接时,我会进入/teams/teamname,其中teamname是在控制器中动态创建的。链接url生成正确,但我看不到相关部分。我认为您忘记了ui视图 例如:
<div ui-view ></div>
您需要在目标容器中添加ui视图html代码在哪里?已编辑!很抱歉。ui sref=teams{id:team.id}??试试ui sref=teams.task幸运的是,这不是我想要的。这个{id team.id是在控制器中动态生成的,所以它对所有项目都是唯一的。问题是-link生成正确,但没有加载视图!我在index.html中有ui视图,所有部分都在其中。你说得对!非常感谢!-有点棘手,我必须有两个ui视图