Плюс минус в angularjs зрения

Question

http://jsfiddle.net/4v2jaaxh/

<div ng-repeat="json in myJson"> 
     <li>{{json.name}}</li> 

    </div><h1> 
    total: 
    </h1> 

$scope.myJson = [ 
    { 
    "id": "1", 
    "name": "banana", 
    "price": 12, 
    "qty": 3, 
    }, 
    { 
    "id": "2", 
    "name": "watermelon", 
    "price": 12.9, 
    "qty": 4, 
    } 
] 

Как отобразить итог в слое зрения, как я знаю, что угловые позволяют выражение как плюс или минус. Или я должен делать это на уровне контроллера?

Answer 1

Вы можете поместить функцию в контроллере:

$scope.getSum = function() { 
    return $scope.myJson.reduce(function(a,b) {return a.price * a.qty + b.price * b.qty}); 
} 

, а затем использовать его в HTML:

total:{{getSum()}} 

Вот рабочий пример: jsFiddle

Answer 2

Вы можете использовать дополнения присвоение

angular.forEach($scope.myJson, function(val) { 
$scope.totalPrice += val.price; 
$scope.totalQty += val.qty; 
}); 

demo fiddle

Answer 3

Вы можете поставить функцию (полная стоимость/For Кол-во Всего - В данном случае пример является цена всего) в контроллере:

angular.module('app',['QuickList']).controller('mainCtrl', function($scope){ 

    $scope.myJson = [ 
    { 
    "id": "1", 
    "name": "banana", 
    "price": 12, 
    "qty": 3, 
    }, 
    { 
    "id": "2", 
    "name": "watermelon", 
    "price": 12.9, 
    "qty": 4, 
    }] 

    $scope.total = function(){ 
    var total = 0; 
    for(var i = 0; i < $scope.myJson.length; i++){ 
    total += $scope.myJson[i].price; 
    } 
    return total; 
    } 

$scope.total(); 
}) 

Вот рабочий пример: http://jsfiddle.net/Lht7fodj/

Answer 4

В контроллере написать следующий код после того, как был определен массив:

$scope.total = 0; 
for(var i=0; i< $scope.myJson.length; i++){ 
    $scope.total += $scope.myJson[i].price * $scope.myJson[i].qty; 
} 

Затем, на ваш взгляд, используйте интерполяцию как {{total}}.

Лучше всего поставить вышеуказанный код в функцию и вызвать ее в операторе интерполяции.

Answer 5

положить в HTML:

</div><h1> 
total:{{mytotal}} 
</h1> 

и в контроллере:

$scope.mytotal= $scope.myJson[0].price+$scope.myJson[1].price;