0
我是非常新的Angular js。無法獲得價值形式的角滑塊dynimically計算
我用的RZ-滑塊(https://jsfiddle.net/ValentinH/954eve2L/)從一個滑塊 使用第一個例子中獲得價值形成鏈接
我的HTML
<article>
<rzslider
rz-slider-model="ageofretirement.value"
rz-slider-options="ageofretirement.options"
>
</rzslider>
</article>
<input type="number" name="required-fund-pm" id="pv" ng-model="pv" ng-change="change()" placeholder="Enter Amount">
我的Controler
var app = angular.module('ChildPlanning', ['rzModule', 'ui.bootstrap']);
app.controller('MainCtrl', function($scope, $rootScope, $timeout, $modal)
$scope.ageofretirement = {
value: 20,
options: {
showSelectionBar: true,
floor: 5,
ceil: 35,
showTicksValues: true
}
};
$scope.pv = {
value:0,
};
$scope.change = function(){
$scope.annuity_future = $scope.pv * $scope.ageofretirement.value;
};
});
輸出
<span>{{ annuity_future }}</span>
當我拖着「ageofretirement.value」值不會動態變化是計算
你能不能給我們與你的代碼plunkr? –
這裏是完整控制器的鏈接http://voguedirect.com/js/rzr-sliders/retirement.js 這就是我可以快速提供 –
如果你添加類似'$ scope.onChange =函數(){console.log($ scope.ageofretirement.value)}'和html代碼:'rz-slider-on-change =「onChange()」'然後移動滑塊? – Tofani