angular - 如何在 Angular 模板中使用 Math.min() 或 Math.max() 语法?

标签 angular

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

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

但是它不起作用。谁能告诉我它有什么问题吗?

最佳答案

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

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

这将创建 Math 的本地副本,而无需创建额外的函数和 getter

关于angular - 如何在 Angular 模板中使用 Math.min() 或 Math.max() 语法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54889941/

相关文章:

html - 如何将背景图像放在 Angular 2中

html - Angular 如何将特定于组件的样式注入(inject)到 html 的 &lt;header&gt; 标记中?有没有办法将css打包成文件

angular - 表单提交有 Angular Material

javascript - 如果连接失败,我如何继续尝试从 Angular 服务订阅 signalR?

angular - 如何在 angular2 中将事件从 app.component 广播到路由器导出

angular - 使用 Angular 4 中的十进制管道进行 block 舍入

javascript - 如何解决 Angular 中的这个路线问题?

http - angular2 http :post throwing error

如果使用 object.value 而不是 object,Angular 递归模板列表将变成无限递归

javascript - Angular Ngfor,触发点击第 n(x) 项