angular的uiRouter 巢狀路由學習總結
阿新 • • 發佈:2019-01-05
var contacts = { abstract:true, name:'parent', url:'/contacts', templateUrl:'contacts.html', controller:function($scope){ $scope.contacts = [{id:0,name:'code_bunny'},{id:1,name:'white_bunny'},{id:2,name:'black_bunny'}] } }; var list = { name:'parent.child', url:'/list', templateUrl:'contacts.list.html', parent:contacts }; var detail = { name:'parent.detail', url:'/detail/:id', templateUrl:'contacts.detail.html', parent:contacts, controller:function($scope,$stateParams){ $scope.id = $stateParams.id } }; nest.config(function($locationProvider,$stateProvider){ $locationProvider.html5Mode({enabled:true}).hashPrefix('!'); $stateProvider.state(contacts).state(list).state(detail); });