0
252
ViewsMostrar datos json en menú desplegable usando material angular
Creé un proyecto Angular con material angular y quiero mostrar una lista de unidades dentro de un menú desplegable.
los datos vienen como se esperaba así:
este es mi código .ts:
ListUnits:Array<Unit>=[] units(){ return this.trq.getListUnit().subscribe( (data)=>{ this.ListUnits.push(data.respModel); console.log(this.ListUnits); } )}
y aquí está mi código .HTML:
<mat-label>Unite</mat-label> <mat-select formControlName= "unite_id" required> <mat-option *ngFor="let unit of ListUnits"[value]="unit.id"> {{unit.unitName}} </mat-option> </mat-select>pero lamentablemente no aparece nada ¿Cuáles son los pasos a seguir para lograrlo?
·
Juan Pablo Isaza
1 answers
Answer question0
Estás empujando una matriz dentro de una matriz. En su lugar, haga esto si desea conservar los datos actuales en ListUnits
this.ListUnits = [...this.ListUnits, ...data.respModel];De lo contrario, simplemente asigne una matriz de respuesta a ListUnits
this.ListUnits = data.respModel;
·
Juan Pablo Isaza
Report
Answer question