AngularJS $ $ location.search पर देखने के काम नहीं करता है जब reloadOnSearch गलत है <em>reloadOnSearch</em> सेट <strong>गलत पर <em></em></strong> है मार्ग के लिए

Question

मेरे routeProvider:

$routeProvider 
    .when(
     "/film/list", 
     { 
      templateUrl: '/film/list.html', 
      controller: FilmListController, 
      reloadOnSearch: false 
      } 
      .... 

) 

मैं ऐसा किया क्योंकि मैं डॉन क्वेरी स्ट्रिंग में बदलाव के बाद पूरे नियंत्रक को पुनः लोड करना नहीं चाहते हैं, लेकिन मैं अभी भी इसका उपयोग करता हूं और यूआरएल इस तरह दिखता है: film/list?sort=isbn&order=asc&offset=0। अब जब भी क्वेरी स्ट्रिंग बदलती है मैं अपने नियंत्रक से एक फ़ंक्शन कॉल करना चाहता हूं।

$scope.location = $location; 
$scope.$watch('location.search()', function(search) { 
     $scope.list(); 
}); 

लेकिन यह काम नहीं करता: तो मैं एक $ नियंत्रक में घड़ी की स्थापना की कोशिश की। यदि मैं क्वेरी स्ट्रिंग के व्यक्तिगत पैरामीटर के परिवर्तन देखने के लिए $ सेट करता हूं, तो यह काम करता है। लेकिन मैं अपनी क्वेरी स्ट्रिंग के प्रत्येक पैरामीटर के लिए $ घड़ी सेट नहीं करना चाहता हूं। समाधान मैं अब का उपयोग यह है: खोज के लिए देख रहा है के बजाय

$scope.location = $location; 
$scope.$watch('location.url()', function(url) { 
    if($location.path() == '/film/list') 
     $scope.list(); 
}); 

, मैं पूरी url देखें, और फिर मैं जाँच करता है, तो पथ एक मैं routeProviderमें सेट सशर्त समारोह कॉल करने के लिए है । मुझे इस समाधान के बारे में क्या पसंद नहीं है यह है कि मुझे मिलान करने के लिए $ location.path के लिए मूल्य टाइप करना होगा।

किसी को भी एक बेहतर समाधान सुझाव दे सकते हैं, और शायद मुझे इसका कारण बताएं $ देखने होंगे $ location.search() के लिए काम नहीं कर रहा? के बाद से यह और अधिक कुशल है कि उसके बदले $routeUpdate घटनाओं को सुनने चाहिए,

$scope.$on('$routeUpdate', function(){ 
    $scope.sort = $location.search().sort; 
    $scope.order = $location.search().order; 
    $scope.offset = $location.search().offset; 
}); 

Answer 1

आप अपने नियंत्रक में $routeUpdate घटना के लिए सुन सकते हैं।

लेकिन जवाब देने के लिए कि आपकी घड़ी क्यों काम नहीं कर रही है; जब आप location.search() देखते हैं, तो आप देख रहे हैं कि खोज विधि लौटने वाला संदर्भ समान है या नहीं। और यह हर बार जब आप इसे कॉल करते हैं, उसी वस्तु के संदर्भ को वापस कर देगा, यही कारण है कि आपकी घड़ी फायरिंग नहीं कर रही है। यही है, भले ही खोज पैरामीटर बदलते हैं, फिर भी यह वही ऑब्जेक्ट है जो लौटाया जाता है। इसके आस-पास पहुंचने के लिए, आप $watch पर तीसरे तर्क के रूप में सच में पारित हो सकते हैं। यह कोणीय को मूल्य से तुलना करने के लिए बताएगा, संदर्भ नहीं। लेकिन ऐसी घड़ियों को बनाते समय सावधान रहें, क्योंकि वे अधिक स्मृति का उपभोग करेंगे, और निष्पादित करने में अधिक समय लगेगा। तो यही कारण है कि आपको ऐसा करना चाहिए जैसे स्टीवी ने कहा।

Answer 2

Stewies जवाब सही है:

Answer 3

मामले में आप कोणीय के मार्ग संकल्प का उपयोग नहीं करते हैं या आप सिर्फ इतना पता है कि जब भी $ स्थान परिवर्तन चाहते हैं, तो एक घटना सिर्फ इतना है कि उद्देश्य

$rootScope.$on('$locationChangeSuccess', function(event){ 
     var url = $location.url(), 
      params = $location.search(); 
}) 

Answer 4

घड़ी नियंत्रक में routeUpdate इस तरह पर बदलाव के लिए है:

$scope.$watch('$routeUpdate', function(){ 
    $scope.sort = $location.search().sort; 
    $scope.order = $location.search().order; 
}); 

Answer 5

उपयोग

$scope.$watch(function(){ return $location.search() }, function(params){ 
    console.log(params); 
}); 

बजाय।