ionic2
Konstruktor und OnInit
Suche…
Einführung
In Bezug auf ionic2 der constructor : In einfachen Worten erstellen wir zum Beispiel Instanzen unserer Plugins, Services usw.: Sie haben eine Seite (Ansicht), auf der Sie die Liste aller Schüler anzeigen möchten, und Sie haben eine Json-Datei Das enthält alle Schüler (diese Datei ist Ihre Datendatei). Sie müssen in diesem Dienst einen Dienst erstellen. Sie erstellen eine Methode und klicken auf eine http.get-Anforderung, um die Json-Daten abzurufen. Was brauchen Sie also? http geht einfach so:
Student Service Method-Beispiel für die Verwendung von Http im Konstruktor
import {Http} from '@angular/http';
@Injectable()
export class StudentService{
constructor(public http: Http){}
getAllStudents(): Observable<Students[]>{
return this.http.get('assets/students.json')
.map(res => res.json().data)
}
}
Beachten Sie den Konstruktor jetzt wieder, wenn Sie diese Servicemethode verwenden möchten, gehen wir zu unserer Ansicht / Seite und:
import {StudentService} from './student.service';
import { SocialSharing } from '@ionic-native/social-sharing';
export class HomePage implements OnInit {
constructor(public _studentService: StudentService, public socialSharing: SocialSharing) {
}
Beachten Sie auch hier den Konstruktor, wir erstellen eine Instanz von StudentService in Konstruktor und noch etwas: Wir verwenden das socialSharing-Plugin, um es so zu verwenden, dass wir auch eine Instanz des Konstruktors erstellen.
ngOnInit-Methode, um die Liste der Schüler beim Laden der Ansicht abzurufen
OnInit : Das ist wirklich erstaunlich in ionic2 oder man kann es in AngularJs2 sagen. Mit dem gleichen Beispiel können wir sehen, was ngOnInit ist. Damit Sie mit der Servicemethode fertig sind, möchten Sie nun in Ihrer Ansicht / Seite, dass die Schülerlistendaten verfügbar sind, sobald Ihre Ansicht angezeigt wird. Dies sollte die erste Operation sein, die automatisch beim Laden ausgeführt wird, da die Ansicht den Schüler lädt Liste sollte sichtbar sein. Die Klasse implementiert also OnInit und Sie definieren ngOnInit. Beispiel:
ngOnInit-Beispiel, um die Liste der Schüler auf Seite / Ansicht anzuzeigen
export class HomePage implements OnInit {
...
....
constructor(....){}
ngOnInit(){
this._studentService.getAllStudents().subscribe(
(students: Students[]) => this.students = students,
)