Update select element value

@tux wrote:

Hello! I’m trying to update current value of ion-select by updating binded ngModel. But displayed value update only if i click on the select. Here the code:

  <ion-select multiple name="genreFilters" [(ngModel)]="genreFilters" (ngModelChange)="genreFilterChanged($event)">
    <ion-select-option [value]="genre" *ngFor="let genre of genresList">{{ genre.name }}</ion-select-option>
  </ion-select>

Page TS code:

genresList: Genre[] = [...LIST OF GENRES...];
genreFilters: Genre[] = [];

ngOnInit() {
    this.route.queryParams.subscribe(queryParams => {
        const genre = +queryParams.genres || null;
        if (genre) {
            for (const genre of this.genresList) {
                if (genre.id === id) {
                    return this.applyGenreFilter(genre);
                }
            }
        }
    });
}

applyGenreFilter(genre) {
    this.genreFilters.push(genre);
    // Other logic...
}

Posts: 1

Participants: 1

Read full topic