0

嗨，我正在使用 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
}

请问有人有什么建议吗？

4

1 回答 1

0

我尝试使用您的代码检查返回更改的值。它工作正常。你可以检查代码。

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>

于 2018-04-03T20:25:53.257 回答