我在前端使用 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;
请帮我..
你不能像这样添加管道。您需要做的是,在中正确格式化您的号码ts并绑定它。
数字对于这种场景来说是一个非常好的库。
让我用它创建一个 stackblitz。
Update
我创建了简单的堆栈闪电战。请看一看。无论如何,由于 stackblitz 中的 require 问题,我无法将数字包导入到 stackblitz 中。但如果使用数字,这会更容易。
在这个示例中我使用了.toLocaleString();
JS 自动检测浏览器区域并适当转换您的号码的功能。例如,如果您的浏览器区域设置en-US,数字的格式类似于 15,000。如果是 nb-NO 号码可能看起来会有所不同。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)