您可以使用一个过滤器，如下面的jeffjohnson9046所示
过滤器假设输入将采用十进制形式（即17%为0.17）。

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

字符串
用途：

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

型

您可以使用Number的toFixed方法。

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

字符串

为此，我经常使用the built-in 'number' filter;

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

字符串
对于2位小数：

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

型
对于十进制0;

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

型

在controller.js（angular.js 1.x）或app.component.ts（angular2）中，计算一个总值的百分比（逻辑），与另一个值类似。

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

字符串
然后在html中显示百分比。

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

型
简单数学示例：3/10*100 = 30%。如果myValue是3，value是10，则结果是30。使用JavaScript内置的Math.floor()函数对数字进行四舍五入并删除小数。

您可以使用Angular percent管道。
使用Angular在HTML中使用一行最简单的解决方案如下：

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

字符串
如果myvalue = 4 & totalvalue = 10，则结果将显示为

40.00%

型
对应的HTML元素。

使用ng-bind，直到表达式解析后才显示花括号。

Html

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

字符串

控制器

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

型