如何在角度模板中使用Math.min()或Math.max()语法?

时间:2019-02-26 16:23:22

标签: angular

在我的分页组件中,下面是我的代码:

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

但是它没有用。谁能说出有什么问题?

2 个答案:

答案 0 :(得分:1)

检查Günter Zöchbauer的原始答案

简而言之:无法从模板文件中访问全局变量。

您至少必须创建一个返回全局变量的getter。

在您的打字稿文件中,创建一个名为Math的吸气剂

get Math() {
  return Math;
}

但是我要么将其重命名为math,要么在我的打字稿文件中创建一个辅助方法

答案 1 :(得分:1)

您可以在组件中添加math = Math;,然后在html中将其更改为

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

这将创建Math的本地副本,而无需创建其他函数和获取方法