离子中的货币掩码

Question

我正在尝试使用以下代码行在离子输入字段中以货币格式格式化条目，例如 10,000.00，但在输入文本时，它将输出显示为 10,000.0010000。我已经尝试了几乎所有的在线替代解决方案，但没有一个帮助我克服这种情况。尝试过ng2货币掩码，但它不起作用

<ion-item>
<ion-input type="number" [(ngModel)]= Basic pattern="d*" name="Basic"
#Basic="ngModel" clearInput placeholder="0.00">
<div>{{selectedCtcBasic | currency: '₹ '}}</div>
</ion-input>
<div class="error-form" *ngIf="Basic.invalid">
<div *ngIf="Basic.errors.pattern">* Text/symbols not allowed</div>
</div>
</ion-item>              

Answer 1

基本上货币掩码和指令应用于输入元素，但是当您使用<ion-input>时，您可以通过检查元素来观察它不是输入的，还添加了其他一些标签。所以你需要在输入元素上添加这些类型的东西，如下所示 -

<ion-item>
<input type="number" [(ngModel)]="selectedCtcBasic" name="Basic"
#Basic="ngModel" clearInput placeholder="0.00" />
<div>{{selectedCtcBasic | currency: '₹ '}}</div>
</ion-item> 

快乐编码:)