javascript - 基于AngularJS Slider计算值

我正在实现在这里找到的angularJS滑块：

https://github.com/venturocket/angular-slider

我的滑块正常工作，但现在需要从中拉出值以执行一些简单的计算。

HTML：

<p>I'd like to borrow: {{calculate.amount}}</p>


 <slider floor="100" ceiling="1000" precision="0" ng-model="calculate.amount" translate="currencyFormatting"></slider>

  <p>and pay over a period of {{calculate.length}} months</p>

  <slider floor="12" ceiling="120 months" precision="0" ng-model="calculate.length" translate="monthFormatting"></slider>

并且在我的控制器中，我当前有以下代码，包括尝试获取滑块的当前值的尝试。

angular.module('myApp').controller('calculatorCtrl', ['$scope', '$http', function ($scope, $http) {
    console.log('');
    console.log($scope);

    $scope.interestRate = 8.9;
    $scope.calculate = {};
   // $scope.amount = $scope.calculate.amount;

    $scope.costPerMonth = ($scope.calculate.amount / $scope.calculate.length);

   // $scope.loanAmount = parseInt($scope.calculate.amount, 10);



    console.log($scope.loanAmount);

    $scope.currencyFormatting = function (value) {
        console.log(value);
        console.log('currency formatting');
        return value.toString() + " £";
    }

    $scope.monthFormatting = function(value) {
        return '$' + value;

    }

}]);

我怀疑，这纯粹是猜测，我是否需要某种回调来访问滑块值？

编辑：

我知道这在视图中有效：

<p>At a cost of {{calculate.amount / calculate.length}} per month</p>

但是我希望能够在控制器中操纵这些值！

最佳答案

您可以只使用以下社区控制：https://github.com/angular-ui
将滑块绑定到模型，然后像访问其他控件一样访问值，这是两种绑定方式，因为该指令为您处理了绑定。

关于javascript - 基于AngularJS Slider计算值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23912506/