0

hola tengo un error al intentar cargar datos a un mat-select-list multiple los que tienen el checkbox, de angular material, tengo un servicio rest que me carga un combo con el mat-select-list y funciona para insertar informacion, pero el problema es cuando quiero ver el detalle de esa operacion o editarlo ya que necesito cargar los que ya se seleccionaron previamente, el servicio rest que consumo del detalle no tiene la misma estructura con el que muestro el combo del mat-select-list, solo tiene un campo que es el de codigo y lo regresa como un string de la asi:

introducir la descripción de la imagen aquí

se supone que cada valor de esos es el identificador de los item del arreglo del combo, entonces lo que necesito es que esos al cargar me aparescan seleccionados.

documents: new FormControl(codigo)

introducir la descripción de la imagen aquí

el codigo de mi html es el siguiente:

 <mat-list-item>
                <mat-selection-list formControlName="documents" disabled multiple>
                  <mat-list-option   checkboxPosition="before" *ngFor="let document of setDocuments"
                                   [value]="document.codigoValor">
                    {{document.descripcion}}
                  </mat-list-option>
                </mat-selection-list>
              </mat-list-item>


2
  • La pregunta esta un poco confusa. ¿El problema es que las opciones no aparecen seleccionadas? o ¿documents: new FormControl no se llena con los objetos que fueron seleccionados? Commented el 2 jul. 2020 a las 0:35
  • el problema es que las opciones no aparecen seleccionadas Commented el 2 jul. 2020 a las 1:48

1 respuesta 1

1

La razón por lo que las opciones no aparecen seleccionadas es porque no le estas pasando la propiedad selected en mat-list-option, acabo de responder la misma pregunta hecha acá mat-selection-list Seleccionar valor por default Angular

Puedes encontrar un ejemplo en este link

Debes de asegurarte es pasarle una condicion a la propiedad selected para que marque como seleccionada

3
  • mi objeto del servicio no tiene esa propiedad seleccionado, yo creo esa variable en el html [selected]=selectList y en mi ts el selectList:boolean , pero en ese ejemplo al tratar de asignarle la respuesta a mi selectList, me da error, en ese ejemplo lo hacen en el contructor yo lo hago en un metodo dentro de la clase del componente Commented el 6 ago. 2020 a las 14:42
  • despues de probar de distintas formas tu solucion funciono para mi!tuve que asignarle el seleccionado como opcional asignar la respuesta del servicio a esa interfaz trabajo bien muchas gracias! Commented el 6 ago. 2020 a las 20:39
  • Que bueno leer que te funcionó! Commented el 8 ago. 2020 a las 1:46

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.