货币掩码 (Angular) 在没有直接输入的情况下无法工作

Question

我有几个输入字段（数字），最后一个（已禁用）是它们求和或减法的结果。它们都有货币掩码，包括总计字段。问题是在填充它们时，总计字段不会采用小数，只有在我启用它时，输入一个数字。然后出现小数点。有人可以帮助解决问题吗？

HTML:

 <div class="row">
              <div class="col-md-4">
                <input [(ngModel)]="mainBudget.budget.own_resources" class="form-control" placeholder="{{dataResources.placeholder.euro}}"
                  type="text" currencyMask required>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4">
                <input [(ngModel)]="mainBudget.budget.revenues_generated_by_project" class="form-control" type="text" currencyMask placeholder="{{dataResources.placeholder.euro}}"
                  required>
              </div>
            </div>

 <div class="row">
              <div class="col-md-4">
                <input class="form-control disabled" disabled  type="text" currencyMask [value]="totalBudget()" placeholder="{{dataResources.placeholder.euro}}"
                  required>
              </div>
            </div>

求和法：

 totalBudget(): number {
        return this.mainBudget.budget.own_resources +
          this.mainBudget.budget.revenues_generated_by_project;

      }

Answer 1

将此函数 totalBudget() 添加到

ngOnInit() {} 或在里面添加：

setInterval(() => {this.totalBudget(); },500);

Answer 2

我用 ngModel 得到它，像这样：

TS

total:number;

 totalBudget(): boolean{
        this.total = this.mainBudget.budget.own_resources +
          this.mainBudget.budget.revenues_generated_by_project;
        return true ;
      }

HTML

<div class="row">
              <div class="col-md-4" *ngIf="totalBudget()"> 
                <input class="form-control"  type="text" disabled currencyMask [(ngModel)]="total"
                  required>
              </div>
            </div>

货币掩码 (Angular) 在没有直接输入的情况下无法工作

Currency Mask (Angular) not working without direct input

currency

mask

angular