Adding Slider Filter

[sathishavpc]

<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>

`````` ```

            rz-slider-options="verticalSlider4.options" ></rzslider>```

In controller if i use this scope 1 it's working fine .

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. $scope.verticalSlider4 = {
          minValue: verticalSlider4.minValue
         maxValue: verticalSlider4.maxValue,
          options: {
            floor: verticalSlider4.minValue,
            ceil: verticalSlider4.maxValue,
            vertical: true,
                 showTicksValues: true
                 }
       };


please give me a suggestion .