Question

我对Angular js很新。

我正在使用rz-slider（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">

我的控制器

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”的值不会动态变化以进行计算

Answer 1

刚刚使用了更改功能，点击了该元素并且工作正常

无法通过dynimically得到角度滑块的值来计算

1 个答案: