如何在 Angular bootstrap-slider 中单击按钮时获取选定值？

Question

我有一个场景，我必须在单击按钮时获取 Bootstrap 范围滑块的选定值。实际上我有 format() 函数，因为我在控制台中获取了选定的值。但我必须在单击按钮时获得该值。

HTML:

 <slider ng-model="ctrl.value" ng-min="0" ng-disabled="ctrl.chk"
  ng-max="3" step="1" value="ctrl.value" ticks="ctrl.sliderTicks()" 
  formatter="ctrl.myFormatter" tooltip="always"></slider>

<button type="button" class="btn btn-primary" ng-click="myFunc(ctrl.value)">save</button>

JS:

$scope.myFunc = function(value){
console.log(value);
}

this.myFormatter = function (value) {
    console.log('value %s', value);
    return value;
}

Answer 1

由于滑块的 ng-model 设置为 ng-model="slider.value"，这就是您要在按钮中查找的变量。

变化：

<button ... ng-click="myFunc(ctrl.value)">save</button>

收件人：

<button ... ng-click="myFunc(slider.value)">save</button>

Answer 2

你不需要将它作为参数传递，你已经可以在控制器中得到它:

 <button type="button" class="btn btn-primary" ng-click="ctrl.myFunc()">save</button>

在控制器中：

this.myFunc = function(){
  console.log(this.value);
}

如何在 Angular bootstrap-slider 中单击按钮时获取选定值？

How to get selected value on ng-click of button in Angular bootstrap-slider?

javascript

angularjs

bootstrap-slider