6

ng-repeat タグに大なりフィルタを適用しています。次のカスタム フィルター関数を作成しました。

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

次の HTML コードで使用します。

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

$scope.minPrice が更新されたときに ng-repeat タグの更新をトリガーする最良の方法は何ですか?

4

2 に答える 2

7

angularjs フィルター 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/

于 2013-07-31T14:33:00.610 に答える