如何使用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>

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

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

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

      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/

另外,您不需要传递$范围,它可以在您的功能中可用。您的段落标签怎么了??

最新更新