2015-10-19 126 views
-1

我試圖總價加用角JS獲取總TD值。與角JS

<table> 
    <tr> 
     <th>Price</th> 
    </tr> 

    <tr> 
     <td>10</td> 
    </tr> 
<tr> 
     <td>20</td> 
    </tr> 
<tr> 
     <td>30</td> 
    </tr> 
<tr> 
     <td>40</td> 
    </tr> 
<tr> 
     <td>50</td> 
    </tr> 
    <tr> 
     <td>Total Price</td> 
    </tr> 
</table> 
+0

沒有任何回答以下問題,幫助,Suiwal? – halfer

+0

是的,它的工作!謝謝 – Viru

+1

太好了。請考慮對任何你覺得有用的東西進行提升,如果你最喜歡的答案是「接受」它。爲此,請單擊答案左側的刻度線,將其標記爲解決方案。謝謝! – halfer

回答

1

這是實現的一個可能的方式,你問什麼用NG-INIT:

<table ng-init="items.total = {}"> 
<tr> 
    <td>name</td> 
    <td>numberofyears</td> 
    <td>amount</td> 
    <td>intrest</td> 
</tr> 
<tr ng-repeat="item in items"> 
    <td>{{item.name}}</td> 
    <td ng-init="items.total.numberofyears = items.total.numberofyears + item.numberofyears">{{item.numberofyears}}</td> 
    <td ng-init="items.total.amount = items.total.amount + item.amount">{{item.amount}}</td> 
    <td ng-init="items.total.interest = items.total.interest + item.interest">{{item.interest}}%</td> 
</tr> 
<tr> 
    <td>Total</td> 
    <td>{{items.total.numberofyears}}</td> 
    <td>{{items.total.amount}}</td> 
    <td>{{items.total.interest}}%</td> 
</tr> 
</table> 
0

做這樣的事情:

HTML:

<table> 
    <tr ng-repeat = "price in prices"> 
     <td ng-bind="price.price"><td> 
    </tr> 
    <tr> 
     <td ng-bind="calculateTotal()"><td> 
    </tr> 
</table> 

JS:

$scope.prices = [{ 
    "price": "5" 
}, { 
    "price": "10" 
}, { 
    "price": "13" 
}]; 


$scope.calculateTotal = function() { 
    var total = 0; 

    for (i = 0; i < $scope.prices.length; i++) { 
    total += +$scope.prices[i].price; // (+) sign before variable is used to convert string values to number 
    } 

    return total; 
};