如何预选离子选项

Question

我是Ionic的新手，我尝试通过预选择选项动态使用ion-select。

我只想用一些值来编辑我的个人资料。 在此示例中，我可以设置用户可以说的多种语言。

首先，我使用API​​在数据库中设置了所有语言，并在var LanguagesData中设置了结果。 我在console.log中的结果

其次，我得到用户当前使用的语言，并将结果设置为currentLanguages，将结果设置为console.log

第三我的代码：

 <ion-select name="languages" [(ngModel)]="currentLanguage" multiple="true"> <ion-option *ngFor="let language of languagesData" [value]="language">{{language.language}}</ion-option> </ion-select> 

我的值不是预先选择的。 如果我将[(ngModel)]="currentLanguage"替换为[(ngModel)]="LanguagesData"所有值都是预先选择的。

你能解释一下我做错了什么吗？

谢谢。

Answer 1

<ion-select name="languages" [(ngModel)]="currentLanguage" multiple="true">
     <ion-option *ngFor="let language of languagesData" [value]="language.language">{{language.language}}</ion-option>
</ion-select>

您缺少[value]="language.language"

希望它能解决您的问题。

Answer 2

我用技巧解决了我的问题（我不为此感到骄傲）。 目前，我从api调用中获取了2个数据数组。 如果我使用基本数组，它将无法正常工作。 但是，如果我那样做：

 let i = 0; let j = 0; while (i < this.currentLanguage.length) { while (j < this.languagesData.length) { if (this.currentLanguage[i].id == this.languagesData[j].id) this.finalLanguage.push(this.languagesData[j]); j += 1; } j = 0; i += 1; } 

当我使用finalLanguage而不是currentLanguage时，它可以工作。 我真的不明白为什么...