ionic2
Constructor en OnInit
Zoeken…
Invoering
Met betrekking tot ionic2 de constructor : in eenvoudige bewoordingen gebruiken we het om bijvoorbeeld onze plug-ins, services enz. Te maken: u hebt een pagina (weergave) waar u de lijst van alle studenten wilt tonen en u hebt een json-bestand dat alle studenten bevat (dit bestand is je gegevensbestand) wat je moet doen is om een service te maken in deze service, je maakt een methode en druk op een http.get-verzoek om de json-gegevens te krijgen, dus hier heb je wat nodig? http doe gewoon op deze manier:
Voorbeeld van studentenservicemethode voor het gebruik van HTTP in constructor
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)
}
}
merk de constructor nu opnieuw op als we deze servicemethode willen gebruiken, gaan we naar onze weergave / pagina en:
import {StudentService} from './student.service';
import { SocialSharing } from '@ionic-native/social-sharing';
export class HomePage implements OnInit {
constructor(public _studentService: StudentService, public socialSharing: SocialSharing) {
}
let nogmaals op de constructor hier, we maken een exemplaar van StudentService in constructor en nog een ding, we gebruiken de socialSharing-plug-in om te gebruiken dat we daar ook een exemplaar van maken in constructor.
ngOnInit-methode om de lijst met studenten te bekijken die worden geladen
OnInit : dit is echt geweldig in ionic2 of we kunnen zeggen in AngularJs2. Met hetzelfde bovenstaande voorbeeld kunnen we zien wat ngOnInit is. Dus u bent klaar met de servicemethode, nu wilt u in uw weergave / pagina dat de gegevens van de studentenlijst beschikbaar zijn zodra uw weergave verschijnt, dit de eerste bewerking moet zijn die automatisch wordt uitgevoerd bij het laden, omdat de student de weergave laadt lijst moet zichtbaar zijn. Dus de klasse implementeert OnInit en u definieert ngOnInit. Voorbeeld:
ngOnInit-voorbeeld om de lijst met studenten op pagina / weergave te krijgen
export class HomePage implements OnInit {
...
....
constructor(....){}
ngOnInit(){
this._studentService.getAllStudents().subscribe(
(students: Students[]) => this.students = students,
)
