Angularjs：ng-repeatのフィルタよりも大きい

Question

ng-repeatタグにフィルタより大きい値を適用します。私は、次のカスタムフィルタ機能を書いた：

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

を、私は次のHTMLコードでそれを使用します。

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

NGリピートタグ$スコープの更新をトリガするための最良の方法は何ですか.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

anglejsフィルタapiを使用してフィルタをフィルタサービスとして作成し、minPriceをパラメータとして追加します。

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

とテンプレートで

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

このフィドルの例を参照してください：http://jsfiddle.net/Zmetser/BNNSp/1/