角度6选择下拉菜单中的数据绑定问题

Question

我正在尝试从用户那里获取一些数据。我的问题是，当我尝试在第二个下拉列表中更改值时，它也在更改所有其他行中的值，这也是我所期望的。 可以说，我的视图如下所示，所有第二个下拉列表值均设置为“ c”。

当我在第二个下拉菜单中更改任何值时，它在所有下拉菜单中都会更改，如下所示

请查看此链接以更好地理解。 https://stackblitz.com/edit/angular-a27qru?file=src%2Fapp%2Fapp.component.ts。

如果能提供带有修复程序的更新的stackblitz链接，将不胜感激

编辑

我不想更改数据结构，这意味着rowData拥有伙伴，而伙伴在其中包含组。 我的条件是，默认情况下，它应该为第一个下拉列表选择“自定义组”作为值，并为合作伙伴的“自定义组”值选择组中的某些特定值（例如“ c”）。

Answer 1

在您的.html文件中，替换：

<select [(ngModel)]="data.partner.group" class='form-control'>
    <option *ngFor="let option of group" 
    [ngValue]="option">{{option.name}}</option>
</select>

作者：

<select [(ngModel)]="data.group" class='form-control'>
    <option *ngFor="let option2 of group" 
    [ngValue]="option2">{{option2.name}}</option>
</select>

Answer 2

链接到更新的堆栈闪电战：answer

Answer 3

通过将数据出价更改为单向绑定而不是html中的双向绑定来解决此问题

请参阅下面的链接以获取修复参考。

https://stackblitz.com/edit/angular-siktgn?file=src/app/app.component.html