Javascript 将ngModel而不是值绑定到货币输入的自定义角度指令

我目前正在使用自定义mat input CURRENT format指令将字段输入自动格式化为CURRENT。发现了npm回购协议

但是，指令将元素数据绑定到输入i的

[value]

，我需要将其双向绑定到

[（ngModel）]

绑定可以工作，但货币格式显示在首次加载时不会显示，只有在单击输入然后变模糊时才会显示。但是，将其绑定到

[value]

会在加载时以货币格式显示

这是我从车上叉下来的车 我试着编写一个函数，可能是为了输入一个onload事件，但不知道该怎么做。有没有办法让它加载ngModel格式？这项活动似乎并没有在满负荷情况下开始

  <mat-form-field *ngIf="mpPatient.ssissdiawardLetter=='Y'" appearance="standard">
          <mat-label>SSI/SSDI Award Amount</mat-label>
          <input matInput type="text"
         (onload)="onLoadCurrencyEvent($event, mpPatient.ssissdiawardAmount)"
          mvndrMatCurrencyFormat [allowNegative]="false" [currencyCode]="'USD'"
          [(ngModel)]="mpPatient.ssissdiawardAmount"
          (blur)="updateUSAmount($event, mpPatient.ssissdiawardAmount)">
        </mat-form-field>

SSI/SSDI奖励金额

由于您使用的指令我在github中找不到源代码，所以我不知道这个自定义指令中发生了什么。从你的代码中，我想你可以只需要你的

CurrencyPipe

，它就会提供你想要的格式

<mat-form-field class="example-full-width">
            <input matInput type="text"
      [value]="testvalue | currency:'USD'" />
</mat-form-field>

---

我为您提供了演示，仅供参考：

因为您使用的指令在github中找不到源代码，所以我不知道这个自定义指令中发生了什么。从你的代码中，我想你可以只需要你的

CurrencyPipe

，它就会提供你想要的格式

<mat-form-field class="example-full-width">
            <input matInput type="text"
      [value]="testvalue | currency:'USD'" />
</mat-form-field>

---

我给了你演示，仅供参考：

在我发布这个问题5分钟后，我找到了答案。 就像将NGM模型分解为各个部分一样简单。即属性绑定和事件绑定。 所以我的

[（ngModel）]=“mpPatient.ssissdiawardAmount”

变成

或者张凯文的答案也有效

---

希望这能帮助下一个人。

在我发布这个问题5分钟后，我找到了答案。 就像将NGM模型分解为各个部分一样简单。即属性绑定和事件绑定。 所以我的

[（ngModel）]=“mpPatient.ssissdiawardAmount”

变成

或者张凯文的答案也有效

---

希望这能帮助下一个人。

天啊。为什么我没想到要用管道来展示呢。谢谢天哪。为什么我没想到要用管道来展示呢。谢谢