角1得到範圍值

Question

可能是一個超級麻煩的簡單問題，但我似乎無法破解它。 我正在使用Ionic並嘗試獲取用戶從範圍中選擇的值。

<input type="range" ng-model="quantity" min="5" max="30" data-ng-init="quantity ? quantity = quantity : quantity = 25" > 

    <div ng-click="getValue()">Get Value</div> 

控制器：

$scope.getValue = function() { 
    console.log($scope.quantity) 
} 

它在控制檯返回 「未定義」？

非常感謝！

Answer 1

我覺得你有問題data-ng-init 這裏是工作版本。

演示https://plnkr.co/edit/wRYJfFgFZ8EMlxNUesy5?p=preview

Answer 2

找到了答案。在Ionic中 - 我認爲這是與Angular不同的方法 - 它不是雙向綁定，只是「繼承」。所以你需要讓它成爲綁定的數據對象。

<input type="range" name="volume" ng-model="q.quantity" ng-change="hold()" min="5" max="30" data-ng-init="q.quantity ? q.quantity = q.quantity : q.quantity = 25" > 

然後console.log($scope.q.quantity)工作。

https://forum.ionicframework.com/t/working-with-ng-model-and-input-type-range/949