Estou fazendo uma aplicação ionic onde pesquiso registros de eventos, fiz o provider e tudo, testei com o console.log e ta trazendo os dados da api certinho, mais na hora de listar na view detalhes não aparece, segue a estrutura:
provider:
constructor(
public http: Http,
) {
console.log(‘Hello EventosProvider Provider’);
}load() { if (this.data) { return Promise.resolve(this.data); } return new Promise(resolve => { this.http .get(this.url + 'eventos/search/') .map(res => res.json()) .subscribe(data => { this.data = data; resolve(this.data); }); }); }
Pesquisar.ts
export class PesquisarPage {
public obj: any;
public result: any;descending: boolean = false; order: number; column: string = 'evento'; constructor( public navCtrl: NavController, public navParams: NavParams, private providerEvento: EventosProvider ) { this.getAll(); } ionViewDidLoad() { console.log('ionViewDidLoad PesquisarPage'); } getAll() { this.providerEvento.load() .then(data => { this.obj = data; this.result = this.obj.eventos; console.log(data); }); } sort() { this.descending = !this.descending; this.order = this.descending ? 1 : -1; }
}
Pesquisar.html
Pesquisar eventos Ordenar<ion-list> <ion-item *ngFor="let item of result | search : terms | sort: {property: column, order: order}"> <ion-avatar item-left *ngIf="item.img != null"> <img src="http://localhost/appmulsicorum.dev/public/uploads/eventos/{{item.img.medium}}"> </ion-avatar> <h2>{{item.evento}}</h2> <p>Local: {{item.local}}</p> <p>Cidade: {{item.cidade}}</p> <p>Categoria: {{item.nome}}</p> <button ion-button clear item-end>Detalhes</button> </ion-item> </ion-list>
No console lista o dados:
Alguem pode me ajudar a lista os dados na tela?/