Angular - 删除小数点

Question

我是 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>

但是，一切都没有改变。

请问你有什么想法吗？

谢谢

Answer 1

您可以使用管道或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>

这是我为您准备的工作示例。