How to use Math.min() or Math.max() syntax in angular template?

Question

In my pagination component, here is my code below:

<p>Showing {{(page-1) * pageSize}} to {{ Math.min((page-1) * pageSize + pageSize,tasks.length)}} of {{tasks.length}}</p>. 

But it did not works. Can anybody tell what problem it has?

Answer 1

In your component, you could add math = Math;, then in your html, change it to

<p>Showing {{(page-1) * pageSize}} to {{ math.min((page-1) * pageSize + pageSize, tasks.length)}} of {{tasks.length}}</p>.

This creates a local copy of Math without needing to create extra functions and getters