用户界面-路由器角主细节视图
用户界面-路由器角主细节视图
提问于 2016-10-30 23:22:57
我正试图在同一个页面上获得用户列表母版和用户详细信息。
https://plnkr.co/edit/EKY2pztGkKXUuQIyefUY?p=preview
模块和配置。
var myModule = angular.module("myApp", ['ui.router']);
myModule.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('user', {
url : '/users',
templateUrl:'users.html',
controller : 'usersController'
})
.state('user.details', {
url : '/:id',
templateUrl:'users.html',
controller : 'usersControllerDetail'
});
$urlRouterProvider.otherwise("/users");
});
myModule.controller('usersController' , function($scope){
$scope.users = [{username : 'manish', id : 1}, { username : 'kaustubh', id :2} ]
});
myModule.controller('usersControllerDetail' , function($scope, $stateParams){
console.log($stateParams.id);
});当我单击主列表中的用户时，主列表将在屏幕上呈现两次。
你能告诉我我哪里出问题了吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-10-30 23:27:10
有调整和工作柱塞
只需为孩子使用不同的模板
.state('user.details', {
url : '/:id',
//templateUrl:'users.html',
templateUrl:'details.html',
controller : 'usersControllerDetail'
});这可能是模板
<div>
<div ui-view>
<h3>current state name: <var>{{$state.current.name}}</var></h3>
<h5>params</h5>
<pre>{{$stateParams | json}}</pre>
<h5>state</h5>
<pre>{{$state.current | json}}</pre>
</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40338006
复制相关文章
相似问题
腾讯云开发者
