0

プロジェクトでこのプラグインを使用して、ng-repeat 内に複数の範囲スライダーを持たせようとしています。http://prajwalkman.github.io/angular-slider/

単一のスライダーがある場合、プラグインは正常に機能しますが、複数のスライダーを ng-repeat に配置しようとすると機能しません。

私のコードに何か問題があるのか​​ 、プラグインがそれをサポートしていないのかわかりません。

とにかく私はそれを機能させることができますか？

これがデモplnkrです。 http://plnkr.co/edit/9H7WF44X7zCWaw91jDyr?p=preview

<body ng-controller='PriceCtrl'>

  {{position}}
  <div>
      <slider floor="10" ceiling="60" ng-model-low="position.minAge" ng-model-high="position.maxAge"></slider>
  </div>

  <div ng-repeat="item in items">
    {{item}}
    <slider floor="10" ceiling="60" ng-model-low="item.minPrice" ng-model-high="item.maxPrice"></slider>
  </div>
</body>

app.controller('PriceCtrl', function ($scope){
  $scope.items = [{name: "item 1", minPrice: 10,
                  maxPrice: 50},
                  {name: "item 2", minPrice: 5,
                  maxPrice: 40},
                  {name: "item 3", minPrice: 15,
                  maxPrice: 30}];

  $scope.lower_price_bound = 0;
  $scope.upper_price_bound = 50;

  $scope.position = {
    name: 'Potato Master',
    minAge: 25,
    maxAge: 40
  };

});
4

1 に答える 1