AngualrJS ElasticUI滑塊過濾

我使用ElasticUI：https://github.com/YousefED/ElasticUI AngualrJS ElasticUI滑塊過濾

<ul class="nav nav-list" eui-aggregation="ejs.DateHistogramAggregation('dates').field('date_taken').timeZone(2).interval('1y').minDocCount(2)" eui-filter-self="true" > 

<div eui-filter="ejs.RangeFilter('date_taken').gte(verticalSlider4.minValue)" ng-model="filter.enabled" eui-enabled="verticalSlider4.minValue" ></div> 

<div eui-filter="ejs.RangeFilter('date_taken').lte(verticalSlider4.maxValue)" ng-model="filter.enabled" eui-enabled="verticalSlider4.maxValue" ></div> 

</ul> 

<rzslider rz-slider-model="verticalSlider4.minValue" rz-slider-high="verticalSlider4.maxValue" 
      rz-slider-options="verticalSlider4.options" ></rzslider>

在控制器如果我使用這個範圍1它的正常工作。

$scope.verticalSlider4 = { 
      minValue: 1990, 
     maxValue: 2016, 
      options: { 
      floor: 1990, 
      ceil: 2016, 
      vertical: true, 
       showTicksValues: true 
       } 
     };

但對於動態的結果，如果我使用範圍2它不工作

$scope.verticalSlider4 = { 
      minValue: verticalSlider4.minValue 
     maxValue: verticalSlider4.maxValue, 
      options: { 
      floor: verticalSlider4.minValue, 
      ceil: verticalSlider4.maxValue, 
      vertical: true, 
       showTicksValues: true 
       } 
     };

請給我一個建議。

來源

2016-09-29 sathishavcpc

「不工作」不是一個技術術語。什麼不起作用？它怎麼不起作用？ – Rob

無法獲取控制器中的verticalSlider4.minValue數據，因此如果我使用watch，我們無法傳遞範圍 – sathishavcpc

中的值。我可以從indexVM獲取ejs.DateHistogramAggregation（'日期'）結果值。但如果我更改滑塊的範圍，滑塊將回到舊範圍。多數民衆贊成在問題@羅布 – sathishavcpc

希望這有助於

$scope.obj= { 
      minValue: 1990, 
      maxValue: 2016, 
      options: { 
      floor: 1990, 
      ceil: 2016, 
      vertical: true, 
       showTicksValues: true 
       } 
     }; 

$scope.verticalSlider4 = { 
      minValue: $scope.obj.minValue 
      maxValue: $scope.obj.maxValue, 
      options: { 
      floor: $scope.obj.minValue, 
      ceil: $scope.obj.maxValue, 
      vertical: true, 
       showTicksValues: true 
       } 
     };

來源

2018-02-27 11:43:38 Hussain

AngualrJS ElasticUI滑塊過濾

回答

相關問題