Angular双花括号里面的函数调用

Question

这是我在Kendo UI中的热图的代码。

<div ng-repeat="h in row.hours" ng-style="h.styleStr" 
    data-value="{{params.compare ? h.percentChange : h.current[unit]}}" 
    data-time="{{$index}}">
        {{params.compare ? h.percentChange : h.current[unit]}}
</div>

它的作品完美无缺。 div中h.current[unit]的作用是什么，它显示了值（十进制表示法）。像这样..
但是我需要将十进制值显示为整数。像这样...... 我有一个intFormat函数可以做到这一点。例如： intFormat(79.952)将返回80。所以我试图使用intFormat函数格式化热图中的数字。怎么做到这一点？我不知道这是否合法，但我尝试了{{params.compare ? h.percentChange : intFormat(h.current[unit])}}，但它不起作用。我正在使用Angularjs 1X和KendoUI。我可以在双花括号内使用函数吗？

Answer 1

当然可以：

创建一个像这样的函数

$scope.getDisplayValue = function(currentValue)
{
   return intFormat(currentValue);
}

然后在html中引用它：

{{getDisplayValue(h.percentChange)}}

如果您有任何疑问，请与我们联系。

Answer 2

您可以尝试在AngularJS Expression中使用parseInt(10.5555)内置的JavaScript转换器，如下所示：{{parseInt(10.5555)}}。

希望这会有所帮助。感谢。

Answer 3

我能够通过附加一个过滤器来解决这个问题......就像这样...... {{params.compare ? h.percentChange : h.current[unit]|numFmt}}