ionic2
Constructeur et OnInit
Recherche…
Introduction
En ce qui concerne ionic2, le constructor
: en termes simples, nous l'utilisons pour créer des instances de nos plugins, services, etc. Par exemple: Vous avez une page (vue) où vous voulez afficher la liste de tous les étudiants qui contient tous les étudiants (ce fichier est votre fichier de données) ce que vous devez faire est de créer un service dans ce service, vous allez créer une méthode et cliquer sur une requête http.get pour obtenir les données json, alors vous avez besoin de quoi? http faites simplement comme suit:
Exemple de méthode de service de l'étudiant pour utiliser Http dans un constructeur
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)
}
}
remarquez le constructeur maintenant si nous voulons utiliser cette méthode de service, nous irons à notre vue / page et:
import {StudentService} from './student.service';
import { SocialSharing } from '@ionic-native/social-sharing';
export class HomePage implements OnInit {
constructor(public _studentService: StudentService, public socialSharing: SocialSharing) {
}
Remarquez à nouveau le constructeur ici, nous créons une instance de StudentService dans constructeur et une chose de plus, nous utilisons le plugin socialSharing pour utiliser ce que nous créons également dans le constructeur.
Méthode ngOnInit pour obtenir la liste des étudiants en visualisation
OnInit
: c'est vraiment génial dans ionic2 ou on peut dire dans AngularJs2. Avec le même exemple ci-dessus, nous pouvons voir ce qu'est ngOnInit. Donc, vous êtes prêt avec la méthode de service, maintenant dans votre vue / page que vous voulez que les données de la liste des étudiants soient disponibles dès que votre vue va apparaître, cela devrait être la première opération se déroulant automatiquement sur la charge, car la liste devrait être visible. La classe implémente donc OnInit et vous définissez ngOnInit. Exemple:
ngOnInit exemple pour obtenir la liste des étudiants sur la page / vue
export class HomePage implements OnInit {
...
....
constructor(....){}
ngOnInit(){
this._studentService.getAllStudents().subscribe(
(students: Students[]) => this.students = students,
)