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

Question

我有一个场景，我必须在单击按钮时获取 Bootstrap 范围 slider 的选定值。实际上我有 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

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

更改:

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

致:

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