下拉选择以角度重置先前选择的下拉列表的值答案

【问题标题】：Drop down selection resets the value of previously selected drop down in angular下拉选择以角度重置先前选择的下拉列表的值
【发布时间】：2019-03-15 07:46:11
【问题描述】：

我有一个角形表格，其中有多个下拉菜单。

下拉 1-->

<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>

下拉 2 -->

<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>

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

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

【问题讨论】：

请将 Title 和 Country 绑定到不同的变量，因此在两个 select 中更改 [(value)]="selected"[(value)]="selected_title" 和 [(value)]="selected_country" .
工作。谢谢！

标签： angular

【解决方案1】：

问题很简单，你在 value 中使用了相同的 [(value)]，所以它的行为方式相同。只需更改一项或两项即可。

【讨论】：

【解决方案2】：

您在选择选项的两个值中双重绑定相同的“选定”变量。当一个被改变时，另一个选项中的值被改变，并且两者都被双重绑定到“选定”变量。将其中一个更改为其他变量。

【讨论】：