Angular.js：計算一個數字列表的總數

Question

我需要一個數字列表顯示總數。當有人在輸入框中輸入新號碼時，號碼將被添加到顯示的列表中，並且總數將相應地改變。

使用angular.js ...

Answer 1

歡迎StackOverflow上 - 下一次請提供你自己寫一些代碼。在此期間 - 我寫你對你:-)

JS在你的控制器：

$scope.numbers = [1,2,3]; 
    $scope.getTotals = function(){ 
    var total = 0; 
total = $scope.numbers.reduce(function(prev, curr) { 
    return prev + curr; 
}); 
    return total; 
    } 

HTML：

<ul> 
<li ng-repeat="number in numbers"><input ng-model="number"></li> 
<li>{{getTotals()}}</li> 
</ul> 

Answer 2

雖然伊塔馬爾的回答工作沒有任何疑問，您可以寫這個樣這（在我看來有點清潔劑）：

控制器

使用reduce總計算：

$scope.numbers = [1,2,3]; 

$scope.updateTotal = function() { 
    $scope.total = numbers.reduce(function (total, number) { 
     if (number) {   
      total += number; 
     } 

     return total; 
    }, 0); 
}; 

標記

<span>{{ total }}</span> 
<ul> 
    <li ng-repeat="number in numbers"> 
     <input type="number" ng-model="number" ng-change="updateTotal()"> 
    </li>  
</ul> 

既然你知道什麼時候總價值應該得到更新，更好的使用ng-change這裏，所以在需要時計算只是做。

在附註中，您可以在輸入中使用type="number"，因此只能輸入數字。