如何在Angular bootstrap-slider中的ng按鈕上獲取選定值？

Question

我有一個場景，因爲我必須在按鈕單擊時獲取Bootstrap範圍滑塊的選定值。其實我有格式（）函數，我在控制檯中獲取選定的值。但我必須在點擊按鈕時獲得該值。

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 type="button" class="btn btn-primary" ng-click="ctrl.myFunc()">save</button> 

在控制器

：

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

Answer 2

你不需要把它作爲參數，你已經可以在控制器得到它

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