在html页面中应用Math.log()

时间:2017-03-09 18:08:17

标签: html angularjs

我正在尝试在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。

1 个答案:

答案 0 :(得分:1)

您的范围定义中未定义

>>> df1.merge(df2, on="ID1", how="inner").merge(df3, on="Address2", how="inner") Name1_x Name2 Name3 Address_x ID1 ID2 Own Name1_y Address_y Name4 \ 0 Matt John1 Jill 878home 1 0 Deal Matt 878home face1 1 Matt John1 Jill 878home 1 0 Deal Matt 878home face2 2 Matt John1 Jill 878home 1 0 Deal Matt 878home face3 3 Matt John2 Jack 879home 2 1 Dael Matt 879home head1 4 Matt John2 Jack 879home 2 1 Dael Matt 879home head2 5 Matt John2 Jack 879home 2 1 Dael Matt 879home head3 Address2 Hash 0 face\123 abc123 1 face\345 cde321 2 face\678 efg123 3 head\123 123efg 4 head\345 efg321 5 head\678 acd321 ,因此Math无法从您的代码中获取有效值。

相反,您应该使用这样的包装函数:

<强>控制器

ng-style

并在视图

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