5

$rootScope に変数をロードする .run() 内に ajax 呼び出しがあります。その変数は、ビューに関連付けられたコントローラーで必要です。

.controller がロードされるまでに更新 (F5) すると、$rootScope.user.fedUnit 内に何もないことがあり、次のようになります。

TypeError: 未定義のプロパティ 'fedUnit' を読み取れません

.run() が終了するまでコントローラーのロードを遅らせる方法はありますか? 見つからないようです。

app.run(function($rootScope, $http, $location, SessionFactory, TokenHandler) {
    token = TokenHandler.getToken();
    if ( token != null ) {
        SessionFactory.get( { token : token },
            function success(response, responseHeaders) {
                $rootScope.user = response;
            }
        );
    }
});

app.controller('UnitController', function($scope, $rootScope, $location, UnitFactory) {
    $scope.updateUnits = function () {
        UnitFactory.query({fedUnit: $rootScope.user.fedUnit}, function success(response, responseHeaders) { ...

解決

$rootScope.foo = $q.defer();
$rootScope.foo.resolve(); when AJAX is done;
$rootScope.foo.promise.then(..) in the controller.

@misterhiller (twitter) に感謝

4

1 に答える 1

7

機能コードブロックのソリューション:

app.run(function($rootScope, $http, $q, SessionFactory, TokenHandler) {

    $rootScope.ajaxCall = $q.defer();

    token = TokenHandler.getToken();
    if ( token != null ) {
        SessionFactory.get( { token : token },
            function success(response, responseHeaders) {
                $rootScope.user = response;

                $rootScope.ajaxCall.resolve();
            }
        );
    }
});

app.controller('UnitController', function($scope, UnitFactory) {

    $scope.ajaxCall.promise.then(function() {
        $scope.updateUnits = function () {
            UnitFactory.query({fedUnit: $scope.user.fedUnit});
        }
    });
});

コントローラーで $rootScope を使用しません。

于 2013-08-21T17:31:02.600 に答える