0

estoy migrando mis "select" a "p-dropdown" para una mayor fluidez y consigo cargar la lista de items correctamente, pero a la hora de mostrar los datos guardados en BBDD no se me selecciona el item que le paso por ng-model.

Es decir, creo un nuevo Pedido, y para señalar el Municipio al que corresponde ese pedido hay un "p-dropdown" que carga los municipios correctamente. relleno los datos (seleccionando el municipio etc) y lo guardo. Luego, cuando entro al pedido, se cargan todos los datos correctamente excepto el Municipio, que selecciona el primer elemento del dropdown en vez del que he seleccionado antes.

En BBDD lo he comprobado y el municipio se guarda correctamente.

pedidos.ts

Ejemplo de como se cargan los datos para el pedido seleccionado "pedidoSeleccionado"

{
  ...
  IdMunicipio: 5,
  MunicipioNombre: "Melilla",
  ...
}

pedidos.html

<p-dropdown [options]="municipios" [(ngModel)]="pedidoSeleccionado.IdMunicipio" optionLabel="Nombre" (onChange)="cambioMunicipio($event.value);"></p-dropdown>

esto me funcionaba correctamente cuando lo aplicaba al select, pero aqui se me esta haciendo imposible... ¿Alguna sugerencia?

gracias de antemano

2

1 respuesta 1

1

Te recomiendo que uses los ReactiveForms de Angular y dejes de usar los [(ngModel)] ens los p-dropdowns. Te pondo un ejemplo de como lo deberias hacer y seguramente te funcione.

component.ts

public form: FormGroup;
constructor(private formBuilder: FormBuilder) {
  this.form = this.formBuilder.group({ municipio: [null, Validators.required] });
}

component.html

<form [formGroup]="form">
  <p-dropdown [options]="options" formControlName="municipio" optionLabel="name" (onChange)="changeMe(form.value.municipio.value);">
  </p-dropdown>
</form>

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.