html中的Angularjs乘法运算答案

【问题标题】：Angularjs multiplication operation in htmlhtml中的Angularjs乘法运算
【发布时间】：2017-04-01 02:04:26
【问题描述】：

我正在使用 http get 请求来获取数据并在我的指令中显示它，gauge 指令具有带数字的 value 属性，我正在像 html 中的 ng-repeat 中的这个 value="" 属性一样绑定。问题是我从获取请求中获得的值是十进制的，例如 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。它不是用相乘值替换它，在这种情况下，预期值为“23”

如果我遗漏了什么或需要以不同的方式做，请提出建议

【问题讨论】：

标签： html angularjs angularjs-directive

【解决方案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>

【讨论】：

由于这是一个 JustGage 插件（justgage.com），它被转换为指令，它在没有花括号的情况下取值，所以这就是我使用无花括号的原因

【解决方案2】：

实际上没有 {{}} 和 "" 对我有用。像这样

【讨论】：