如何使用angularJS在范围内使用带方程的多个函数?

时间:2017-06-23 20:02:08

标签: javascript angularjs



myApp.controller('incomeController', ['$scope', function($scope) {
  $scope.pay = 0;
  $scope.hours = 0;
     $scope.tax=0.19297;
    
    $scope.total = function() {
    return $scope.pay * $scope.hours;}


    
        $scope.taxTotal = function ($scope){
          return($scope.total * $scope.tax);}
        


            $scope.afterTaxTotal = function ($scope){
                return($scope.total - $scope.taxTotal);}

  

 }]);

<div ng-app="myApp" ng-controller="incomeController">
  <h2>Income Calculator</h2>
    <br>
    <br>
  
    <p16>Pay Rate: </p16><input type="number" ng-model="pay"> 
   <p15> Hours worked:</p15> <input type="number" ng-model="hours">
    <br>
    <br>
    <br>


     <p><b>Total Before Taxes:</b> {{ total() | currency : $ }}</p>
    
    
    </div>

    <p><b>Total Taxes :</b> {{ taxTotal() | currency : $ }}</p>



<p><b>Total After Taxes:</b> {{ afterTaxTotal() | currency : $ }}</p>
&#13;
&#13;
&#13;

我正在尝试做一个简单的代数方程。

  1. 让用户输入两个数字
  2. 将它们相乘
  3. 将答案(步骤2)乘以已分配的变量
  4. 从步骤1中减去步骤2中的答案。

1 个答案:

答案 0 :(得分:0)

您还需要使用控制器内的括号来调用函数。

      function MyCtrl($scope) {
        $scope.pay = 5;
        $scope.hours = 10;
        $scope.tax= 0.19297;

        $scope.total = function() { 
          return $scope.pay * $scope.hours;
         };

        $scope.taxTotal = function () { 
         return $scope.total() * $scope.tax;
        };

        $scope.afterTaxTotal = function () { 
            return $scope.total() - $scope.taxTotal();
        };


      }

示例:http://jsfiddle.net/m62f70mk/5/

此外,您不需要传递$ scope,它可以在您的函数中使用。你的段落标签是怎么回事? ?