Angular.js नियंत्रक प्रारंभ में देरी

Question

मैं सर्वर से आवश्यक डेटा तक पहुंचने तक नियंत्रक के प्रारंभ में देरी करना चाहता हूं।

मैं कोणीय 1.0.1 के लिए इस समाधान पाया: Delaying AngularJS route change until model loaded to prevent flicker, लेकिन यह कोणीय 1.1.0

खाका के साथ नहीं काम कर रहा हो सकता है

<script type="text/ng-template" id="/editor-tpl.html"> 
Editor Template {{datasets}} 
</script> 
    <div ng-view> 
</div> 

जावास्क्रिप्ट

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 
    }); 
});​ 

http://jsfiddle.net/dTJ9N/1/

Answer 1

काम करना चाहिए, यह एक प्रदर्शन हिट अपनी खुद की बस वादा वापस जाने के लिए जब http डेटा आता टाल बनाने के लिए है। आप ऐसा करने में सक्षम होना चाहिए:

MyCtrl.resolve = { 
    datasets: function ($http) { 
     return $http({method: 'GET', url: '/someUrl'}); 
    } 
}; 

आप परिणाम से कुछ प्रसंस्करण करने की जरूरत है, तो तब का उपयोग करें, और अपने वादे को मुक्त करने के लिए में श्रृंखलित है:

MyCtrl.resolve = { 
    datasets: function ($http) { 
     return $http({method: 'GET', url: '/someUrl'}) 
       .then (function (data) { 
        return frob (data); 
       }); 
    } 
}; 

Answer 2

आप एक के पास समान प्रश्न here संसाधनों का उपयोग करता है पर एक नज़र ले जा सकते हैं, लेकिन यह $ http के साथ उसी तरह काम करता है। मुझे लगता है कि जब से $ http एक वादा रिटर्न इस

function MyCtrl($scope, datasets) {  
    $scope.datasets = datasets; 
} 

MyCtrl.resolve = { 
    datasets: function($http, $q) { 
     var deferred = $q.defer(); 

     $http({method: 'GET', url: '/someUrl'}) 
      .success(function(data) { 
       deferred.resolve(data) 
     } 

     return deferred.promise; 
    } 
}; 

var myApp = angular.module('myApp', [], function($routeProvider) { 
    $routeProvider.when('/', { 
     templateUrl: '/editor-tpl.html', 
     controller: MyCtrl, 
     resolve: MyCtrl.resolve 
    }); 
});​ 

Answer 3

तुम हमेशा सिर्फ डाल सकता है बाहरी-डीओएम तत्व पर "एनजी-शो" और उस डेटा के बराबर सेट करें जिसके लिए आप प्रतीक्षा करना चाहते हैं।

कोणीय जे एस मुख पृष्ठ आप देख सकते हैं कितना आसान है पर सूचीबद्ध उदाहरण के लिए: http://plnkr.co/CQu8QB94Ra687IK6KgHn सब किया जाना था था इस तरह के फार्म नहीं दिखाया जाएगा जब तक कि मूल्य निर्धारित किया गया है।

इस तरह से अधिक सहज और कम काम करते हैं।