कोणीय: ng-repeat

Question

के साथ फिल्टर से अधिक मैं एनजी-दोहराना टैग पर फ़िल्टर से अधिक लागू कर रहा हूं। मैं निम्नलिखित कस्टम फ़िल्टर समारोह लिखा है:

$scope.priceRangeFilter = function (location) { 
    return location.price >= $scope.minPrice; 
}; 

और मैं निम्न HTML कोड में उपयोग:

<div ng-repeat="m in map.markers | filter:priceRangeFilter"> 

सबसे अच्छा तरीका क्या एनजी-दोहराने टैग का एक ताज़ा को गति प्रदान करने के लिए है जब $ गुंजाइश .minPrice अद्यतन किया गया है?

Answer 1

यह स्वत: होना चाहिए। जब $scope.minPrice बदल दिया जाता है, तो पुनरावर्तक स्वचालित रूप से अपडेट हो जाएगा।

function Ctrl($scope, $timeout) { 
    $scope.map = [{ 
     name: 'map1', 
     price: 1 
    }, { 
     name: 'map2', 
     price: 2 
    }, { 
     name: 'map3', 
     price: 3 
    }]; 
    $scope.minPrice = 0; 
    $scope.priceRangeFilter = function (location) { 
     return location.price >= $scope.minPrice; 
    }; 

    $timeout(function() { 
     $scope.minPrice = 1.5; 
    }, 2000); 
} 

Demo on jsFiddle

Answer 2

एंजुलरजेज़ फ़िल्टर एपीआई का उपयोग करके फिल्टर सेवा के रूप में फ़िल्टर बनाएं, और पैरामीटर के रूप में minPrice जोड़ें।

filter('priceRangeFilter', function (location) { 
    return function (location, minPrice) { 
     ... 
    } 
}) 

और टेम्पलेट

<div ng-repeat="m in map.markers | priceRangeFilter:minPrice"> 

में इस बेला में एक उदाहरण देखें: http://jsfiddle.net/Zmetser/BNNSp/1/