Angularjs在html中的乘法运算

时间:2017-03-31 14:13:43

标签: html angularjs angularjs-directive

我正在使用http get请求获取数据并在我的指令中显示它,gau指令具有取值的属性,我绑定像这样的值=""来自html中ng-repeat的属性。问题是我从get请求获得的值是十进制的,如0.23等,但我需要将此值乘以100以百分比显示,是否有可能在angularjs中执行此类操作。 我试过像

<div id="main" ng-repeat="n in myObject">

<gage name="name" id="myGage-n.id" value=n.myValuex100>

</div>

但是当我在开发人员工具栏中检查时,value属性按原样显示value = n.myValuex100。它没有用乘法值替换它,在这种情况下,期望值是&#34; 23&#34;

请建议我是否遗漏了某些内容或需要以不同方式进行操作

2 个答案:

答案 0 :(得分:1)

您可以在{{}}表达式

中直接使用乘法公式

例如1

{{5*5}}

例如2

{{number*5}}

参考以下示例

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
 $scope.number = 10;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<html ng-app="myApp">  
<div ng-controller="MyCtrl">
  Hello, multiplication is {{5*5}} ! <br>
  Hello, multiplication is {{number*5}} !
</div>
</html>

答案 1 :(得分:0)

实际上没有{{}}和&#34;&#34;为我工作。 喜欢这个