calculer la somme des valeurs dans les ng répéter Angularjs

Je suis nouveau sur Angularjs. Je suis de l'affichage de la liste des éléments à l'aide de ng-repeat. comment calculer la somme de? est-il une méthode simple pour calculer en html à l'aide de l'expression?

name  numberofyears amount interest 
 xxx       2          4000   4%
 yyy       3          3000   10%
 zzz       5          6000    6%

 Total     10        13000   16%

Trois premières lignes sont de ng répéter.Je veux juste calculer le total, comme indiqué ci-dessus. Merci d'avance

C'est assez similaire à Calcul de la somme des éléments répétés dans AngularJS ng-repeat cette question. Mais pas exactement. Je suis en train de calculer à l'aide de l'expression depuis j'ai beaucoup de lignes

double possible de Calcul de la somme des éléments répétés dans AngularJS ng-repeat
d'Autres post sur la somme des valeurs
Ya j'ai vu qu'. Est-il possible de calculer en html lui-même, plutôt que d'aller contrôleur. J'ai autour de 9 colonnes de son long temps @Dalorzo
plnkr.co/modifier/CHBm8RCqW5RNZWrzAe5r?p=preview
I am trying to calculate using expression que voulez-vous dire?

OriginalL'auteur Psyche Genie | 2014-09-03

  1. 18

    Il est possible de le faire, mais je pense que ce genre de logique est le mieux adapté pour votre contrôleur. De toute façon c'est une façon possible de la réalisation de ce que vous avez demandé l'aide de 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>
    Super réponse, a fonctionné comme un charme pour moi!
    J'ai essayé cela, elle se montre éléments.total tableau vide. il n'est pas le stockage de données. pourriez-vous s'il vous plaît aider. et je n'obtiens pas trop d'erreurs

    OriginalL'auteur Wawy

  2. 1

    Que les commentaires mention - vous que la somme de votre contrôleur et d'afficher la somme de la valeur après votre ng-repeat.

    https://docs.angularjs.org/api/ng/directive/ngRepeat

    La ngRepeat directive instancie un modèle à la fois par élément dans une collection.

    Donc, ng-repeat est pour le rendu et ne serait pas la place pour la logique métier.

    Merci pour la réponse. J'ai autour de 9 colonnes et de près de 50 de données à partir de Db. J'ai appeler la fonction de contrôleur, chaque fois, pour chaque colonne, hein?
    Oui, vous en boucle sur chaque élément et d'additionner les valeurs que vous voulez. par exemple, dans votre contrôleur $scope.total = mySum; puis il suffit d'ajouter une ligne supplémentaire au-dessous de votre ng-repeat pour afficher les totaux. Il y a des bonnes bibliothèques comme lodash qui peuvent aider à rendre en additionnant les données assez simple, par exemple $scope.mySum = _.reduce(myArray, function(sum, myRecord) { return sum + myRecord.amount; }); lodash.com/docs#reduce
    Je n'aime pas cette solution, avec beaucoup de données, il est cher, imaginez avec un vieux smartphone. Mais ng-repeat n'est pas mieux. Peut-être vous devriez somme sur le côté serveur lorsque vous obtenez vos données.
    Vous n'avez pas à utiliser un contrôleur 🙂 - de toute façon, le lieu de faire la somme des données est la base de données, mais nous n'avons pas que le contexte de la Fpo question. Ce pourrait être aussi bien traités par le serveur de rendu pour les appareils portatifs.

    OriginalL'auteur pherris

  3. 1

    Faire le calcul dans le contrôleur, vous pouvez ajouter <tr ng-if="$last"> </tr> Dans ng-repeat et de montrer le résultat final

    contrôleur électronique.x - simple

    function sum (object) {
    var data = object;
    var tmpSum

     for (var i in object){
      tmpSum =+ object[i].value;
    }

    $scope.sum = tmpSum 
};

    e.x

    <tr ng-if="$last">{{sum}} </tr>

    OriginalL'auteur bmazurek