Angularjs乘法運算在html中

我正在使用http獲取請求來獲取數據並將其顯示在我的指令中，gauge指令具有value屬性，它需要數字，我像這樣綁定在ng-repeat中的value =「」屬性。問題是我從get請求得到的值是0.23等十進制數，但我需要將這個值乘以100以百分比顯示，是否有可能在angularjs中做這樣的事情。我試圖像Angularjs乘法運算在html中

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

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

</div>

但是，當我在顯影劑工具欄檢查值屬性顯示值= n.myValuex100原樣。它不與該相乘的值替換它，在這種情況下，預期值是「23」

請建議，如果我失去了一些東西還是需要以不同的方式

來源

2017-03-31 zubairm

做，當你指定範圍變量value屬性需要使用大括號。嘗試了這一點

value = "{{n.myValue * 100}}"

angular.module("app",[]) 
 
.controller("ctrl",function($scope){ 
 
$scope.myObject = [{"myValue":'0.23'}] 
 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<div id="main" ng-repeat="n in myObject"> 
 
    
 

 
<input type="text" value = "{{n.myValue * 100}}"> 
 
    
 
</div> 
 
</div>

來源

2017-03-31 14:17:41

由於這是一個JustGage插件（http://justgage.com/），我轉換成指令，它需要的值沒有大括號所以這就是爲什麼我使用W/O大括號 – zubairm

您可以直接使用您的乘法公式在{{}}表達

例如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>

來源

2017-03-31 14:29:17

由於這是一個JustGage插件（http://justgage.com/），它被轉換爲指令，它不帶大括號就具有價值，這就是爲什麼我使用無花括號 – zubairm

其實W/O {{}}和「」爲我工作。像這樣

來源

2017-03-31 18:04:26 zubairm

Angularjs乘法運算在html中

回答

相關問題