javascript - 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)}}

如果您有任何问题，请告诉我。