https://i.sstatic.net/ct6oJ.png I am facing an issue with my ng select feature that allows users to select multiple languages. However, upon binding multiple selected values in the ng select, empty tags are being displayed. I have included my code below. **When editing, I want to display the saved language tags on the ng select, but it is currently showing empty tags. Any assistance would be greatly appreciated. I am using a reactive form**
HTML
<ng-select class="w-100" [multiple]="true" [hideSelected]="true" placeholder="Please Select Language"
formControlName="language" [bindValue]="language.id" [bindLabel]="language.name"
>
<ng-option *ngFor="let language of languages" [value]="language.id">{{language.name}}</ng-option>
</ng-select>
Typescript
this.form.patchValue({ language: this.editData.teacherProfile.teacherProfile.language })
Data is retrieving in this form "language": [ { "_id": "5fb79cdd34ec021e64c2413e", "name": "English", "id": "5fb79cdd34ec021e64c2413e" }, { "_id": "5fb7996034ec021e64c2412a", "name": "Arabic", "id": "5fb7996034ec021e64c2412a" } ],