Angular 下拉选择重置以前选择的下拉列表的角度值

我在angular中有一个表单，其中有多个下拉列表

下拉列表1-->

标题
先生
错过

下拉列表2-->

国家
美国
英国

问题是，当我从下拉列表中选择Country的值时，以前为Title下拉列表选择的值仅在UI上重置

---

PS：当我在保存时获取标题下拉列表的值时，我得到了以前选择的值

问题很简单，您在值中使用了相同的[（值）]，因此它的行为方式相同。只需更改其中一个或两个。

您将在选择选项的两个值中双重绑定相同的“选定”变量。 更改一个选项时，另一个选项中的值也会更改，并且两个选项都会双重绑定到“selected”变量。

---

将其中一个变量更改为其他变量。

请将标题和国家/地区绑定到不同的变量，以便在两个select.Worked中更改[（值）]=“selected”[（值）]=“selected\u Title”和[（值）]=“selected\u Country”。谢谢

<mat-form-field>
  <mat-select [(value)]="selected" placeholder="Title" 
    formControlName="Title">
    <mat-option>Title</mat-option>
    <mat-option value="Mr">Mr</mat-option>
    <mat-option value="Miss">Miss</mat-option>
  </mat-select>
</mat-form-field>

<mat-form-field>
  <mat-select [(value)]="selected" placeholder="Country" 
    formControlName="Country">
    <mat-option>Country</mat-option>
    <mat-option value="US">US</mat-option>
    <mat-option value="UK">UK</mat-option>
  </mat-select>
</mat-form-field>