路由的Resolve机制（需要了解promise）

angular的resovle机制，实际上是应用了promise，在进入特定的路由之前给我们一个做预处理的机会

1、在进入这个路由之前先懒加载对应的 .js

    $stateProvider
        .state('owner_detail_room',{
            url: '/owner_detail_room/{id:[0-9]{1,10}}',
            views:{
                'main' : {
                    templateUrl:function() { return 'templates/owner_detail_room.html'},
                    controller: 'owner_detail_roomCtrl'
                }
            },
            resolve:{
                loadCtrl: ['$ocLazyLoad', function($ocLazyLoad){
                    return $ocLazyLoad.load('js/owner_detail_roomCtrl.js')
                }]
            }
        })

2、请注意，resolve是一个对象，它的key由我们自己指定，value则是一个promise的异步请求或字符串

　　首先，来一个多个键值对的例子1-懒加载js，2-获取user，3-判断页面权限

        .state('owner_detail_room',{
            url: '/owner_detail_room/{id:[0-9]{1,10}}',
            views:{
                'main' : {
                    templateUrl:function() { return 'templates/owner_detail_room.html'},
                    controller: 'owner_detail_roomCtrl'
                }
            },
            resolve:{
                loadCtrl: ['$ocLazyLoad', function($ocLazyLoad){
                    return $ocLazyLoad.load('js/owner_detail_roomCtrl.js')
                }],
                user: ['userservice',function(userservice){
                    return userservice.getUser();
                }],
                userLevelCheck:['LevelCheck','userservice',function(LevelCheck,userservice){
                    var isPass = LevelCheck.check(userservice.userLevel);
                    if(isPass){
                        return userservice.userLevel;
                    }else{
                        $state.go('level-is-not-enough');
                    }
                }]
            }
        })

然后在对应的页面的ctrl中，可以注入resolve中的返回

 app.controller('owner_detail_roomCtrl',['$scope','user', function($scope,users) {
   $scope.users = users;
 });

 

3、从resolve到进入路由Ctrl中，应用到的就是promise，（$q服务属性方法：$q.defer(),  $q.all(),  $q.when(),  $q.reject(),  $q.resolve().....）

　　来个栗子，剩下看大家了，

  resolve: {
    data: function(User, Post, $q) {
      deferred = $q.defer();

      $q.all([User.getAll, Post.getTops()]).then(function(results) {
        deferred.resolve({
          users: results[0],
          posts: results[1]
        })
      });

      return deferred.promise;
    }
  }

 

 最后的最后，如果有错误，请务必，一定要指出