htmlページでMath.log（）を適用する

Question

HtmlページでMath演算を使用しようとしていますが、動作しません。 以下は私が試したコードです。 このコードを動作させる方法はありますか？

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'}"