title: function call inside Angular double curly braces
body: <p>This is my code bit of a heat-map in Kendo UI.</p>
  
  <pre><code>&lt;div ng-repeat="h in row.hours" ng-style="h.styleStr" 
      data-value="{{params.compare ? h.percentChange : h.current[unit]}}" 
      data-time="{{$index}}"&gt;
          {{params.compare ? h.percentChange : h.current[unit]}}
  &lt;/div&gt;
  </code></pre>
  
  <p>Its works perfectly fine. what the <code>h.current[unit]</code> inside the div, does is, it displays the value (in decimal notation). Like this..<a href="https://i.stack.imgur.com/sXX65.png" rel="noreferrer"><img src="https://i.stack.imgur.com/sXX65.png" alt="enter image description here"></a><br>
  However I need to display the decimal values as integers. Like this...<a href="https://i.stack.imgur.com/ahgao.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ahgao.png" alt="enter image description here"></a>
  And I have a <code>intFormat</code> function that does just that. For eg:
  <code>intFormat(79.952)</code> will return <code>80</code>. So i'm trying to format the numbers inside the heatmap using the intFormat function. How to achieve this? I don't know if this is legal but I tried <code>{{params.compare ? h.percentChange : intFormat(h.current[unit])}}</code>, but its not working. I'm using Angularjs 1X and KendoUI. Can I use function inside the double curly brace?</p>