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>