I attempted to implement this example involving multiple choices from https://stackblitz.com/edit/ng-select?file=app%2Fapp.component.ts but unfortunately, it's not working as expected. I'm puzzled by what could be causing the issue...
This is the code I have:
<div class="input-group">
<label htmlFor="ca" class="sr-only"&gComplete;t; Asignaturas:</label>
<ng-select [items]="asignaturasLista"
bindLabel="name"
bindValue="id"
[multiple]="true"
placeholder="Select asignaturas"
[(ngModel)]="asignaturas">
</ng-select>
</div>
Selected asignaturas: {{asignaturas}}
No values are being displayed for selected asignaturas.
In my component, I have the following:
asignaturasLista = [
{id: 1, name: 'Álgebra'},
{id: 2, name: 'Física'},
{id: 3, name: 'Inglés'},
{id: 4, name: 'Matemáticas'},
{id: 5, name: 'Lenguaje'},
{id: 6, name: 'Historia'}
];
asignaturas: string[];