angular.js - 如何用angular的run來儲存使用者資料？

Question

我想透過run來設定一個$rootScope.userinfo,然後不同頁裡面也可以透過$rootScope.userinfo來取得目前使用者的資訊而不需要再去伺服器抓取，但是現在遇到了挺多問題。第一次我在run中直接$http然後設定$rootScope....

怪我咯 · Answer

基本上滿足要求，可能有一丟丟副作用.

var app = angular.module('myApp', []);

app.factory('User', function($q, $timeout){
    var userInfo, 
        loading, 
        deferred = $q.defer(),
        promise  = deferred.promise;

    return {
        getUserInfo: function(){

            if(!loading){
                loading = true;
                // 模拟http请求
                console.log('发起请求...')
                $timeout(function(){
                    userInfo = {
                        name: 'Angularjs',
                        version: '1.x'
                    };
                    deferred.resolve(userInfo);

                }, 100);

                return promise;

            }else if( userInfo ){
                console.log('这是缓存的信息');
                return $q.resolve(userInfo);
            }else{
                console.log('正在等待请求的结果...');
                return promise;
            }
        }
    }
});

app.controller('MyCtrl',function($scope, User, $timeout){
    User.getUserInfo().then(function(userInfo){
        console.log('run:',userInfo);
        $scope.name = userInfo.name;
    });
});

app.run(function(User){
    User.getUserInfo().then(function(userInfo){
        console.log('controller:',userInfo);
    });
})