2017-06-23 8 views
0

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. 既に割り当てられた変数に答え(ステップ2)を乗算一緒
  3. それらを乗算するユーザ入力を有するステップ1
からステップ2の答を差し引きます

答えて

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/

はまた、あなたはそれがあなたの関数内で使用可能で、$スコープを渡す必要がいけません。そして段落タグでは何が起こっていますか? ?

関連する問題