时间戳

首页 > 解决方案 > Angular - 删除小数点

angular - Angular - 删除小数点

问题描述

我是 Angular 的初学者，我必须替换屏幕上的数字12 568,000 。12 568

进入 HTML 文件，我搜索值，但我只有以下信息：

<tr style="background-color: #f8f9fa;">
    ...
    <td style="width: 10%;">{{'3452' | t}}</td>
</tr>

我知道该行如下：

<td style="width: 10%;">{{'3452' | t}}</td>

但是，实际上我该如何格式化呢？

在此页面上 如何从角度 js 中的数据中删除小数部分

我必须使用{{myvariable:0}}

我试过

 <td style="width: 10%;">{{'3452' | t:0 }}</td>

但是，什么都没有改变。

请问你有什么想法吗？

谢谢

标签： angular

解决方案

您可以使用管道或Math函数来删除数字的小数部分。

要Math在您的模板中使用，您需要在您的组件中定义变量（例如math）并分配给Math。

像这样：

export class AppComponent  {
  math = Math;
}

并在您的模板中使用trunc函数删除小数部分：

<div>
  {{math.trunc(3452.200)}} //output is 3452
</div>

另一种方法是使用十进制管道。像这样：

<div style="width: 10%;">{{'3452.20022' | number: '1.0-0'}}</div>

这是我为您准备的工作样本。

推荐阅读