estoy haciendo que al hacer tap en un Select llame a una funcion que a través de http se completa un Array con los valores que luego recorrerá el *ngFor , el problema es que al presionar el Select la primera vez no lo alcanza a cargar los valores, pero en la segunda vez que presiona ya carga el listado correctamente, supongo que es porque el array que recorrerá el ngFor aún no se rellena, por eso quisiera hacer que el ngFor espere a que la funcion opciones() haya terminado, como puedo hacerlo?
HTML:
<div *ngIf="item.idTipo=='7'" on-tap="opciones(item.idPregunta)">
<ion-item class="respuesta">
<ion-select [(ngModel)]="select" okText="Seleccionar" cancelText="Cancelar">
<ion-option *ngFor="let opcion of Opciones[item.idPregunta]" [value]="opcion.nombreOpcion">{{opcion.nombreOpcion}}</ion-option>
</ion-select>
</ion-item>
</div>
TS:
opciones(reciboidPregunta){
//recibo el id de la pregunta para cargar las opciones asociadas
this.opcionPost.idPregunta=reciboidPregunta;
this.authServiceProvider.postData(this.opcionPost, 'Opciones')
.then((result) => {
this.responseOpcion = result;
//array que guarda como index a el id de la pregunta
this.Opciones[reciboidPregunta]=this.responseOpcion.opciones;
console.log(this.Opciones);
}, (err) => {
console.log(err);
});
}