离子中的货币掩码

Question

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

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

快乐编码:)