Angulaire calculer le pourcentage dans le code html

Angulaire de noob ici! J'essaie d'afficher un pourcentage de la valeur dans mon code html comme suit:

<td> {{ ((myvalue/totalvalue)*100) }}%</td>

Il fonctionne, mais parfois, il donne une très longue virgule qui fait un peu bizarre. Comment arrondir à 2 chiffres après la virgule? Est-il une meilleure approche de cette?

Angulaire de noob/tennis de dieu.

OriginalL'auteur Abhishek | 2015-05-01

  1. 16

    Vous pouvez utiliser le toFixed méthode de Number.

    ((myValue/totalValue)*100).toFixed(2)

    OriginalL'auteur

  2. 27

    Vous pouvez utiliser un filtre, comme celle-ci par jeffjohnson9046

    Le filtre fait l'hypothèse que l'entrée sera sous la forme décimale (c'est à dire 17% 0,17).

    myApp.filter('percentage', ['$filter', function ($filter) {
  return function (input, decimals) {
    return $filter('number')(input * 100, decimals) + '%';
  };
}]);

    Utilisation:

    <tr ng-repeat="i in items">
   <td>{{i.statistic | percentage:2}}</td>
</tr>

    OriginalL'auteur

  3. 7

    J'utilise souvent le haut-numéro de filtre à cette fin;

    <span>{{myPercentage | number}}</span>

    Pour 2 décimales:

    <span>{{myPercentage | number:2}}</span>

    Pour 0 décimal; 

    <span>{{myPercentage | number:0}}</span>

    OriginalL'auteur

  4. 1

    Utilisation ng-bind qui ne serait pas montrer des accolades jusqu'à ce que l'expression résolue.

    Html

    <td ng-bind="roundedPercentage(myValue, totalValue) + '%'"></td>

    Contrôleur

    $scope.roundedPercentage = function(myValue, totalValue){
   var result = ((myValue/totalValue)*100)
   return Math.round(result, 2);
}

    OriginalL'auteur

  5. 0

    À l'intérieur de votre controller.js (angular.js 1.x) ou de l'application.composante.ts (angular2) calculer un pourcentage (logique) d'une valeur totale avec une autre valeur comme cela.

    this.percentage = Math.floor(this.myValue / this.value * 100);

    Puis afficher le pourcentage dans le code html.

    <p>{{percentage}}%</p>

    Mathématiques Simples Exemple: 3/10*100 = 30%. Si myValue est 3 et value est 10 votre résultat sera de 30. L'utilisation de Javascript intégré dans Math.floor() fonction pour arrondir le nombre et la suppression de la virgule.

    OriginalL'auteur

  6. 0

    Vous pouvez utiliser angulaire pour cent pipe pour cette.

    Solution la plus simple dans une seule ligne dans le code html à l'aide angulaire serait comme suit :

    <td> {{ myvalue/totalvalue | percent:'2.0-2' }}</td>

    si mavaleur = 4 & totalvalue = 10, alors le résultat sera affiché comme

    40.00%

    respectives de l'élément html.

    OriginalL'auteur