AngularJS rzslider不發送更改的滑塊值

Question

嗨，我正在使用angularjs rzmodule / rzslider，將滑塊更改為ng-modal范圍后未返回更改后的值，但仍僅返回初始配置的10000。 JS代碼

$scope.slider = {
      value: 10000,
      options: {
        floor: 0,
        ceil: 100000,
        step: 1000,
        minLimit: 1000,
        maxLimit: 100000
      }
    };

HTML代碼

<h1 class="selected-amt"><i class="fa fa-rupee"></i> {{slider.value}}</h1>
               <rzslider rz-slider-model="slider.value"
       rz-slider-options="slider.options"></rzslider>

在{{slider.value}}中，它可以正確更新，但是在我的項目中，如果我像$ scope.slider.value這樣訪問，則單擊按鈕以獲取更新/更改后的值，它的初始值始終為10000，但是我將滑塊移到了20000。在我的控制器中，我正在執行類似操作以獲取更新的更改值

$scope.getvalue=function(){
console.log($scope.slider.value)//should return changed value but giving 10000 always
}

有任何建議嗎？

Answer 1

我嘗試使用您的代碼檢查返回的更改值。 一切正常。 您可以檢查代碼。

 var myApp = angular.module('myapp', ['rzModule']); myApp.controller('TestController', TestController); function TestController($scope) { $scope.slider = { value: 10000, options: { floor: 0, ceil: 100000, step: 1000, minLimit: 1000, maxLimit: 100000 } }; $scope.getvalue=function() { console.log($scope.slider.value);//should return changed value but giving 10000 always } } 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script> <script src="https://rawgit.com/rzajac/angularjs-slider/master/dist/rzslider.js"></script> <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angularjs-slider/6.5.1/rzslider.css"/> <div ng-app="myapp"> <div ng-controller="TestController"> <button ng-click= "getvalue()">Get slider value</button> <h1 class="selected-amt"><i class="fa fa-rupee"></i> {{slider.value}}</h1> <rzslider rz-slider-model="slider.value" rz-slider-options="slider.options"></rzslider> </div> </div>