将函数应用于值时,双向数据绑定不起作用

我正在尝试为我的输入字段实现双向数据绑定。

如果直接使用该值,它将按预期工作。所谓工作,是指在键入/更改输入字段值时,该值立即更改。

但是,我想用地图中的相应值“替换”该值。

<mat-form-field class="steuersatz">
    <input matInput placeholder="EU Taxcode" type="text" formControlName="euTaxCode" [matTooltip]="'EU Taxcode'" [matTooltipPosition]="'above'"/>
    <button mat-button matSuffix mat-icon-button (click)="edit('euTaxCode',$event)">
          <mat-icon>edit</mat-icon>
    </button>
</mat-form-field>

<div class="taxcodeName">
    <p>{{taxcodeName}}</p>
</div>

作品:

// taxcode,taxcodeName
taxcodes = new Map();

this.taxForm.get('euTaxCode').valueChanges.pipe(takeUntil(this.unsubscribe$)).subscribe(data => {
  // data = euTaxCode
  this.taxcodeName = data;
});

不起作用:

// taxcode,taxcodeName
taxcodes = new Map();

this.taxForm.get('euTaxCode').valueChanges.pipe(takeUntil(this.unsubscribe$)).subscribe(data => {
  // data = euTaxCode
  this.taxcodeName = taxcodesList.get(data);
});
jishuailove 回答:将函数应用于值时,双向数据绑定不起作用

解决方案是使用parseInt()将数据从字符串转换为数字。因此,一般而言,数据绑定和get函数都没有问题。

本文链接:https://www.f2er.com/3114218.html

大家都在问