कोणीय जेएस नियंत्रक प्रतिक्रिया के लिए प्रतीक्षा करें (या कॉलबैक सेट करें)

Question

मेरे पास नियंत्रक.जेएस और कारखानों.जेएस के साथ एक कोणीय जेएस एप्लीकेशन है।

मुझे क्या पसंद है नियंत्रक (जो मुझे कारखानों से मिलता है) में मूल्यों के साथ कुछ करना है। मेरी समस्या यह है कि जब मैं उन्हें एक्सेस करता हूं तो ये मान खाली होते हैं।

मैं प्रतिक्रिया के लिए कैसे प्रतीक्षा कर सकता हूं? या मैं कॉलबैक कहां जोड़ सकता हूं?

Flashcards.controller('CardDeckDetailController', function($scope, $routeParams, CardDeckService, CardService) { 
    $scope.carddeck = CardDeckService.findCardDeckByID($routeParams.cardDeckID); 
    $scope.cards = CardService.findCardsByCardDeckID($routeParams.cardDeckID); 
    $scope.card = $scope.cards[0]; 
    $scope.cardLength = $scope.cards.length; 

}); 

    Flashcards.factory('CardDeckService', function($resource) { 
    var cardDeckService = $resource('/FlashcardsServer/rest/carddecks/:cardDeckID', {}, {}); 

    cardDeckService.findAllCardDecks = function() { 
     return cardDeckService.query(); 
    }; 

    cardDeckService.findCardDeckByID = function(id) { 
     return cardDeckService.get({ cardDeckID : id }); 
    }; 

    return cardDeckService; 
}); 

मैं क्या पसंद पहली कार पाने के लिए है ($ scope.cards [0]) और $ scope.card के तहत इसे सहेजें। लेकिन यह हमेशा खाली (कार्ड लम्बाई के साथ ही)।

दूसरी ओर यदि मैं आंशिक दृश्य से (कार्ड। लम्बाई) के आकार को प्रिंट करता हूं, तो मुझे सही मान मिलता है। ।

स्वागत करती है और धन्यवाद मार्क

Answer 1

आप मूल्य पर पहुंचकर वादा वापस पाने के $ तो (स्रोत कोड के लिए जाना पड़ता है खोजने के लिए कि) कर सकते हैं:

Flashcards.controller('CardDeckDetailController', function($scope, $routeParams, CardDeckService, CardService) { 
$scope.carddeck = CardDeckService.findCardDeckByID($routeParams.cardDeckID); 
$scope.cards = CardService.findCardsByCardDeckID($routeParams.cardDeckID); 
$scope.card = $scope.cards.$then(function(){ return $scope.cards[0]; }); 
$scope.cardLength = $scope.cards.$then(function(){ return $scope.cards.length; }); 

संपादित करें: $ तो वापसी http प्रतिक्रिया

Answer 2

जैसा कि लुकुमा सुझाव देता है, इसे शायद एक वादे के साथ संभाला जा सकता है। http://api.jquery.com/promise/ jQuery वादा http://docs.angularjs.org/api/ng.$q कोणीय वादा के लिए jQuery वादा

इस जवाब से अधिक प्रश्नों के लिए एक ऐसी ही समाधान AngularJS - wait for multiple resource queries to complete

तो बजाय

cardDeckService.findCardDeckByID = function(id) { 
    return cardDeckService.get({ cardDeckID : id }); 
}; 

उपयोग पूरा करने के लिए है पर आधारित है

cardDeckService.findCardDeckbyID = function(id){ 
    var d = $q.defer(); 
    var result = cardDeckService.get(id, function() { 
     $scope.card = $scope.cards[0]; 
     d.resolve(result); 
    }); 
    return d.promise; 
} 

यदि आप प्रयुक्त वादे का इस्तेमाल करते हैं, तो वे "कॉलबैक"

करने के लिए एक बेहतर तरीका है, तो एक गीथब चेकइन में $ का उल्लेख है, लेकिन मैंने कोणीय दस्तावेज़ साइट पर कुछ भी देखा है। शायद यह अब वादों

Answer 3

मैं पिछले कुछ दिनों में एक ही समस्या थी संभाल करने में शामिल है और मैं इसे इस तरह से हल:

cardDeckService.findCardDeckByID = function(id) { 
     var toReturn = new Object(); 
     var something = cardDeckService.get({ cardDeckID : id }, function(){ 
      toReturn = something; 
     }); 
     return toReturn; 
    }; 

आप पहली बार एक खाली वस्तु (लेकिन नहीं कुछ है कि कि "अपरिभाषित लौट ")। जब डीबी कॉल समाप्त होता है AngularJS स्वचालित रूप से ऑब्जेक्ट toReturn अद्यतन करता है। इसके अलावा आपका विचार (यदि यह नियंत्रक से जुड़ा हुआ है) अपडेट किया जाएगा।

समस्या, अपना रास्ता, यह है कि findCardDeckByIDundefined मान देता है। तो, $scope.card अपरिभाषित है और इसे स्वचालित रूप से अपडेट नहीं किया जाएगा। इसलिए, आपका विचार भी अपडेट नहीं किया जाएगा।