1. 程式人生 > >angular的uiRouter 巢狀路由學習總結

angular的uiRouter 巢狀路由學習總結

複製程式碼
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); });
複製程式碼