2016-01-13 32 views
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」值不會動態變化是計算

+0

你能不能給我們與你的代碼plunkr? –

+0

這裏是完整控制器的鏈接http://voguedirect.com/js/rzr-sliders/retirement.js 這就是我可以快速提供 –

+0

如果你添加類似'$ scope.onChange =函數(){console.log($ scope.ageofretirement.value)}'和html代碼:'rz-slider-on-change =「onChange()」'然後移動滑塊? – Tofani

回答

0

只用於改變功能的元件上NG-點擊滑塊和它工作得很好