我开始使用 ocLazyload 来延迟加载我的一些 AngularJs 控制器。我已经用它和$routeProvider
这样的
$routeProvider.when("/login", {
templateUrl: "login.html",
resolve: {
loadCtrl: ['$ocLazyLoad', function($ocLazyLoad) {
return $ocLazyLoad.load('LoginCtrl.js');
}]
}
}).
这很好用。
我有另一个路由定义,它resolve
在加载控制器之前使用属性来解析几个项目。
when("/dashboard", {
templateUrl: "dashboard.html",
controller: "DashboardCtrl",
resolve: {
profileData: getProfile,
count : getCount
}
}).
现在我也想延迟加载这个控制器,我试过这样
when("/dashboard", {
templateUrl: "dashboard.html",
resolve: {
profileData: getProfile,
count : getCount,
loadCtrl: ['$ocLazyLoad', function($ocLazyLoad) {
return $ocLazyLoad.load(['DashboardCtrl.js']);
}]
}
}).
在这种情况下页面会加载,但profileData
andcount
不会被注入到控制器中。控制器定义如下。
var app = angular.module('gt');
app.controller('DashboardCtrl', ['$scope', '$rootScope', 'profileData', 'count',
function($scope, $rootScope, profileData, count) {
...
}]);
在调试时,我意识到调用了getProfile
andgetCount
方法,但它是异步发生的,并且控制器也会延迟加载而不等待这些方法。如何同时注入和延迟加载?我可以使用承诺以任何方式解决这个问题吗?
我正在使用 AngularJS 1.3.10 和 ocLazyLoad 1.0.5 版本
getProfile
功能参考
var getProfile = function($q, $http, Profile, localStorageService) {
var deferred = $q.defer();
if (!localStorageService.get("loggedInUser")) {
$http.post('/loggedin').success(function(user) {
if (user) {
localStorageService.set("loggedInUser", user.email)
Profile.get(localStorageService.get("loggedInUser"), function(profileData) {
if (profileData) {
deferred.resolve(profileData);
} else {
deferred.resolve();
}
});
} else {
deferred.reject();
}
});
} else {
Profile.get(localStorageService.get("loggedInUser"), function(profileData) {
if (profileData) {
deferred.resolve(profileData);
} else {
deferred.resolve();
}
});
}
return deferred.promise;
}
getProfile.$inject = ["$q", "$http", "Profile", "localStorageService"];