Wie zu entlassen Loader nach Daten bereit ist

In meinem Ionic 2 app, ich habe eine Komponente, die verbraucht ein Dienst, welcher eine http GET zum abrufen von Daten ein. Meine Komponente ruft dann diesen Dienst, und wenn Daten verfügbar sind, setzt es aus und präsentiert es.

Es sieht wie folgt aus:

export class FarmList implements OnInit {

  items: Object;


  constructor(public testService: TestService, public nav: NavController){
  }

  ngOnInit(){

    this.getData()
  }

  getData(){

    let loading = Loading.create({
      content: 'Please wait..',
      spinner: 'crescent'
    })

    this.nav.present(loading)

    this.testService.fetchData().then(data => this.items = data)

  }
...

}

Während meine Komponente liest die Daten asynchron, ich versuche, ein loader Spinnen und sobald die Daten verfügbar sind, möchte ich die loader zu verschwinden.

Aber mit meinem aktuellen code der spinner dreht sich immer noch nach Daten verfügbar sind und angezeigt werden ... wie kann man das screenshot:

Wie zu entlassen Loader nach Daten bereit ist

getData() ist die Methode, die macht die service-Aufruf.
Wie kann ich dieses Problem beheben? Ist es die richtige Art und Weise zu implementieren loader?

InformationsquelleAutor Thinker | 2016-06-29
Schreibe einen Kommentar