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:
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?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Finden Sie eine arbeiten plunker hier.
Wie Sie im code sehen, dass plunker, ich würde ein paar änderungen, damit Ihr code richtig funktioniert:
================================
UPDATE:
Als der release von Ionischen 2.0.0-beta.8 (2016-06-06) changelog:
onPageWillEnter
wurde umbenannt, umionViewWillEnter
Folgende code funktioniert für mich:
ionic 4 - How zur Umsetzung be-Funktionalität:
Implementierte ich in meine 2-3 Projekte. Es funktioniert. BTW, in diesem Fall brauche ich nicht zu schreiben untenstehenden code in jede Funktion,
einfach anrufen
Funktion vor der Ausführung und rufen
zur Zeit der Ausführung Fertigstellung