Saltar al contenido

Porcentaje de cálculo angular en el html

Solución:

Podrías usar un filtro, como este a continuación de jeffjohnson9046

El filtro asume que la entrada estará en forma decimal (es decir, 17% es 0.17).

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

Uso:

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

Puedes usar el toFixed método de Number.

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

A menudo uso el filtro de ‘número’ incorporado para ese propósito;

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

Por 2 decimales:

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

Para 0 decimal;

<span>{{myPercentage | number:0}}</span>
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *