0

これは単純に聞こえますが、グーグルが切り札になりつつあります。複数のカテゴリを持つドロップダウン選択があります。

<select ng-model="orderProp" >
  <option ng-repeat="cats in categories" value="{{cats}}">{{cats}}</option>
</select>

また、JSON データを使用してマーカーをプロットするAngular Google Mapsを使用したマップもあります。これらのマーカーのデータは$scope.markersProperty

ユーザーが選択ボックスを使用するときに、markersProperty の値を動的に変更したいと考えています。Angular の HTML{{}}を使用すると、簡単な方法で必要な結果を得ることができます。

{{markersProperty|filter:orderProp}}

しかし、私の人生では、同様の機能を取得して配列を更新する方法を見つけることはできません$scope.markersProperty。何か案は？

4

1 に答える 1

2

スコープ変数を更新する場合は、次の$filterサービスを使用できます。

.controller('MainCtrl', function ( $scope, $filter ) {
  $scope.markersProperty = // ...

  $scope.$watch( 'orderProp', function ( val ) {
    $scope.filteredMarkersProperty = $filter('filter')($scope.markersProperty, val);
  });
});
于 2013-04-10T01:36:28.430 に答える