对值应用函数时，双向数据绑定不起作用答案

【问题标题】：Two-Way Data Binding not working when applying function on value对值应用函数时，双向数据绑定不起作用
【发布时间】：2019-11-13 20:12:19
【问题描述】：

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

如果我直接使用该值，它会按预期工作。通过工作，我的意思是在输入/更改输入字段值时值会立即更改。

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

<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);
});

【问题讨论】：

标签： angular forms two-way-binding

【解决方案1】：

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

【讨论】：