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="slider.value"设置为<button ... ng-click="myFunc(ctrl.value)">save</button>，这是您在按钮中寻找的变量。

变化：

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

要：

})) : "undefined" != typeof _gaq ? 0 == e ? _gaq.push(["_trackPageview", "Search - ZeroResults", this.searchUrl + t]) : _gaq.push(["_trackPageview", "Search", this.searchUrl + t]) : (0 == e && ga("send", "event", "Search", "ZeroResults", this.params.query ? this.params.query : "Blank"),

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中按钮的ng-click获取选定值？

2 个答案: