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