[英]AngualrJS ElasticUI Slider filter
I'm using ElasticUI: https://github.com/YousefED/ElasticUI 我正在使用ElasticUI: https : //github.com/YousefED/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>
In controller if i use this scope 1 it's working fine . 在控制器中,如果我使用此范围1,则工作正常。
1. 1。
$scope.verticalSlider4 = {
minValue: 1990,
maxValue: 2016,
options: {
floor: 1990,
ceil: 2016,
vertical: true,
showTicksValues: true
}
};
but for dynamic result if i use scope 2 it not working 但对于动态结果,如果我使用范围2,则无法正常工作
2. 2。
$scope.verticalSlider4 = {
minValue: verticalSlider4.minValue
maxValue: verticalSlider4.maxValue,
options: {
floor: verticalSlider4.minValue,
ceil: verticalSlider4.maxValue,
vertical: true,
showTicksValues: true
}
};
Please give me a suggestion. 请给我一个建议。
hope this helps 希望这可以帮助
$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
}
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.