javascript - 如何在Angular bootstrap-slider中的ng-click按钮上获取选定的值？

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);
}