在Angular.js中相乘

Question

我是Angular.js noob，我想將兩個值相乘得到那些值的總和，然後將總和乘以另一個值。

我想輸入一個值：

<input type="text" ng-model="averageSalary"> 

然後得到這個結果，然後就可以進入另一個值：

<input class="input input-sm" type="text" ng-model="benefitsAt"> 

得到這些的總和值，然後乘以：

<input class=" input input-sm" type="text" ng-model="occupancy"> 

我希望這可以幫助，我試圖解釋它最好的，我可以

Answer 1

HTML。 ..

<div ng-app="myapp" ng-controller="MyController"> 
<form> 
<input type="text" ng-model="averageSalary"> 
<input class="input input-sm" type="text" ng-model="benefitsAt"> 
<input class=" input input-sm" type="text" ng-model="occupancy"> 
</form> 
<span ng-bind="getMySum()"></span> 
</div> 

控制器...

angular.module("myapp").controller('MyController', ['$scope', function($scope) { 
    $scope.getMySum = function() { 
    return $scope.averageSalary * $scope.benefitsAt * $scope.occupancy; 
    }; 
}]); 

我還沒有測試此代碼 - 我將使用控制器的語法時才 - 但這似乎非常想要

Answer 2

你只需要添加一些輸出顯示：

<span>{{(averageSalary + benefitsAt) * occupancy}}</span> 

你可以或結果與零消除零顯示當用戶沒有輸入任何東西：

<span>{{(averageSalary + benefitsAt) * occupancy || 0}}</span> 

Answer 3

這下面的代碼應該工作並運行你的東西。

angular.module('myApp', []) 
 
    .controller('myController', function($scope) { 
 
    $scope.averageSalary = 55000; 
 
    $scope.benefitsAt = .02; 
 
    
 
    $scope.$watch('averageSalary + benefitsAt', function() { 
 
    $scope.occupancy = $scope.averageSalary * $scope.benefitsAt; 
 
    }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="myController"> 
 
    Average Salary 
 
    <input type="text" ng-model="averageSalary"><br/> 
 
    Benefits 
 
    <input class="input input-sm" type="text" ng-model="benefitsAt"><br/> 
 
    Occupancy 
 
    <input class=" input input-sm" type="text" ng-model="occupancy"><br/> 
 
</div>