0

:D

Estoy realizando un proyecto con Angular material. He colocado un botón que despliega un select múltiple, y lo que necesito es que por defecto aparezcan todas las opciones seleccionadas.

HTML:

<mat-form-field>
<mat-select placeholder="Equipos" multiple>
<mat-option *ngFor="let equipo of equipoList"> {{equipo.label}}</matoption>
</mat-select>
<mat-form-field>

1 respuesta 1

2

Según lo tienes puedes asignarle el array como value al mat-select

<mat-select placeholder="Equipos" multiple [value]="equipoList">

EDIT:

No me había fijado pero también te falta asignar el value de cada item en el mat-option

<mat-option *ngFor="let equipo of equipoList" [value]="equipo"> {{equipo.label}}</matoption>

un saludo

4
  • Buenas! Ante todo muchas gracias por la respuesta. He probado lo que comentas pero no me funciona. Puede ser porque el array no viene cargado desde el inicio, sino que se rellena dinamicamente al pulsar un boton previo en función de unos filtros aplicados. Mi select multiple se abre al pulsar un botón, en el que he puesto una función que copia el array "equipolist" en un array vacio que pongo en el "value" de met-select. Pero sigue sin funcionar... Ya no sé que probar. No existe alguna opción mas simple como un atributo para el option o similar? :/
    – Juanlugos
    Commented el 2 sept. 2022 a las 17:50
  • @Juanlugos no me había fijado que no habías asignado la propiedad value en elmat-option, probablemente no te funcionara por eso. He editado la respuesta con lo que tienes que añadir. Pruébalo a ver si lo soluciona y sino añade por favor algo más del código afectado a ver si damos con ello. un saludo.
    – akotech
    Commented el 3 sept. 2022 a las 8:27
  • Así me ha funcionado perfecto al fin!!! Tengo ganas de llorar y todo jajajaja Muchísimas muchísimas gracias, no sabes ni la de vueltas que le he dado :DDD
    – Juanlugos
    Commented el 3 sept. 2022 a las 11:24
  • un placer haberte podido ayudar. slds
    – akotech
    Commented el 4 sept. 2022 a las 9:57

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.