在AngularJS ng-style中使用数字过滤器

Question

在ng-style中使用数字过滤器的首选方法是什么？我有一个图像，我只想设置为高度的整数像素值。

<img src="ok-button.png" ng-style="{'height': textHeight * 1.888 | number:0}">

上述代码不起作用，但反映了我尝试做的事情。

Answer 1

高度属性应该在像素中提及，因此您需要添加px以指示它是像素。

您使用的是number过滤器，该过滤器用于将文本更改为,分开的货币表示形式，适用于解决您的案例。

对于舍入像素，您应该在控制器内部定义函数，该函数将执行该值的Math.roud＆amp;将其返回视图。

<强> HTML

ng-style="{'height': round(textHeight) + 'px'}"

<强>代码

$scope.round = function(textHeight){
  var result = textHeight * 1.88;
  return Math.roud(result);
}