angular - 在 angular4 的输入字段中添加千位分隔符

Question

我在前端使用 angular 4。我想在输入字段中插入一千个分隔符。我试过这段代码，但它不工作

   <input type="number" class="form-control" id="amount" placeholder="Amount" name="Amount" [ngModel]="Amount | number:'3.2-2'" (keypress)="onlyNumberKey($event)">

这是我的 component.ts 代码

export class CustomerDepositApplicationComponent implements OnInit {

Amount: any;

请帮我..

标签： angular

Answer 1

你不能像那样添加管道。您要做的是，在ts中正确格式化您的号码并绑定它。

对于这种场景，numericjs是一个非常好的库。

让我使用它创建一个堆栈闪电战。

更新

我创建了简单的stackblitz。请看一看。由于stackblitz中的需求问题，我无法将数字包导入stackblitz。但如果你使用数字，这会更容易。

在这个示例中，我使用.toLocaleString();了 JS 自动检测浏览器区域并适当转换您的数字的功能。例如，如果您的浏览器区域设置为 en-US，则数字的格式将类似于 15,000。如果是 nb-NO 号码，可能看起来会有所不同。