1

cuento con un campo de selección múltiple y estoy intentando que todos los campos estén seleccionados cuando se produce la carga del componente, he intentado con los atributos selected y checked dentro del mat-option pero no me he conseguido resolver nada. A continuación os adjunto mi codigo.

HTML

 <mat-form-field class="MR15">
     <mat-select multiple type="text" placeholder="Días" formControlName="dias">
        <mat-option *ngFor="let dia of listDia" [value]='dia.codigo'>{{dia.descripcion}}</mat-option>
     </mat-select>
</mat-form-field>

TS

public listDia: CodigoDescripcion[] = [
  {codigo: 'L', descripcion: 'Lunes'},
  {codigo: 'M', descripcion: 'Martes'},
  {codigo: 'X', descripcion: 'Miércoles'},
  {codigo: 'J', descripcion: 'Jueves'},
  {codigo: 'V', descripcion: 'Viernes'},
  {codigo: 'S', descripcion: 'Sábado'},
  {codigo: 'D', descripcion: 'Domingo'},
]

2 respuestas 2

2

Añade el valor inicial desde el controlador. Por ejemplo:

ngOnInit() {
  ...
  this.formulario.controls[dias].setValue([
    {codigo: 'L', descripcion: 'Lunes'},
    {codigo: 'M', descripcion: 'Martes'},
    {codigo: 'X', descripcion: 'Miércoles'}
  ]);
}

Puedes ver un ejemplo funcionando aquí: https://stackblitz.com/edit/angular-mat-multiselect-pawer13

0

simplemente pasale el objeto listDia al valor por defecto al crear el form

dias: new FormControl(listDia, [])

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.