将离子选择与 ngFor 一起使用时出现 angular2 问题的 Ionic2答案

【问题标题】：Ionic2 with angular2 issue while using ion-select with ngFor将离子选择与 ngFor 一起使用时出现 angular2 问题的 Ionic2
【发布时间】：2018-01-16 20:55:52
【问题描述】：

我正在使用 angularJs2 在 ionic2 框架中学习编码。在 ion-list 中的 ngFor（类似于 ng-repeat）中使用 ion-select 时，我遇到了问题。如果我更改单个列表项下拉值，则整个列表值都会更改。 Html Page 和 output screen。

当我从下拉列表中选择“1”时，整个列表值都会更改。如何仅更改特定的列表项索引下拉列表，使其不会影响其他。

谁能帮我解决这个问题？

【问题讨论】：

把你的 ng-model 改成 selectedvalue[i]
非常感谢..它解决了:)

标签： angular ionic2

【解决方案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>

希望对你有用

【讨论】：

【解决方案2】：

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

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

【讨论】：