Angular.js verzögert die Initialisierung des Controllers
Ich möchte die Initialisierung eines Controllers verzögern, bis die erforderlichen Daten vom Server eingegangen sind.
Ich habe diese Lösung für Angular 1.0.1 gefunden:Verzögerung des AngularJS-Routenwechsels bis zum Laden des Modells, um ein Flackern zu vermeiden, konnte es aber mit Angular 1.1.0 nicht zum Laufen bringen
Vorlage
<script type="text/ng-template" id="/editor-tpl.html">
Editor Template {{datasets}}
</script>
<div ng-view>
</div>
JavaScript
function MyCtrl($scope) {
$scope.datasets = "initial value";
}
MyCtrl.resolve = {
datasets : function($q, $http, $location) {
var deferred = $q.defer();
//use setTimeout instead of $http.get to simulate waiting for reply from server
setTimeout(function(){
console.log("whatever");
deferred.resolve("updated value");
}, 2000);
return deferred.promise;
}
};
var myApp = angular.module('myApp', [], function($routeProvider) {
$routeProvider.when('/', {
templateUrl: '/editor-tpl.html',
controller: MyCtrl,
resolve: MyCtrl.resolve
});
});