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>
我正在尝试做一个简单的代数方程。
- 有用户输入两个数字
- 将它们倍增
- 将答案(步骤2(乘以已经分配的变量
- 从步骤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/
另外,您不需要传递$范围,它可以在您的功能中可用。您的段落标签怎么了??