在html頁面中應用Math.log（）

Question

我想在Html頁面中使用數學運算，但它不工作。 下面是我嘗試過的代碼。 有什麼辦法可以使這段代碼工作。

HTML代碼

<div> 
<ul ng-style="{'height': Math.log10(data.value)*90 + 'px'}" 
ng-repeat="data in datas"> 
<li style="word-wrap: break-word;padding:0px 3px;"> {{name}} 
</li> 
</ul> 
</div> 

控制器代碼

$scope.datas=[{"value":"1000000","name":"Name1"},{"value":"10","name":"Name2"}]; 

這裏我使用angularjs。

Answer 1

Math未在您的作用域定義中定義，所以ng-style無法從您的代碼中獲取有效值。

相反，你應該使用一個包裝函數這樣的：

控制器

$scope.getPixels = function(value){ 
    return Math.log10(parseInt(value))*90 
} 

，並在您視圖

ng-style="{'height': getPixels(data.value) + 'px'}"