Question

我正在学习使用angularJs2在ionic2框架中编码。在离子列表中使用ngFor中的离子选择（类似于ng-repeat）时，我面临着问题。如果我更改单个列表项下拉值，则整个列表值将更改。 Html Page和output screen。

当我从下拉列表中选择“1”时，整个列表值会发生变化。如何仅更改特定列表项索引下拉列表，以便它不会影响其他。

有人可以帮我解决这个问题吗？

Answer 1

@nadhinidevi

您希望动态且不同地传递ngModel值。在您的情况下，您已为所有选项传递相同的值，因此当您在时间更改选择选项值时，请更改所有选项值。

参考以下代码

<ion-item>
  <ion-select [(ngModel)]="i" interface="popover" (change)="onChange(i)">
    <ion-option value="select">Select</ion-option>
    <ion-option value="1">1</ion-option>
    <ion-option value="2">2</ion-option>
  </ion-select>
</ion-item>

我希望它为你工作

Answer 2

所有列表下拉列表都在变化，因为所有列表都具有相同的模型。将您的ng模型更改为：

[(ng-model)]="selectedvalue[i]"

当使用带有ngFor的离子选择时，Ionic2与angular2问题

2 个答案: