ionic2
Costruttore e OnInit
Ricerca…
introduzione
Per quanto riguarda ionic2 il constructor : in termini semplici lo usiamo per creare istanze dei nostri plugin, servizi, ecc. Ad esempio: hai una pagina (vista) dove vuoi mostrare la lista di tutti gli studenti, e hai un file json che contiene tutti gli studenti (questo file è il tuo file di dati) quello che devi fare è creare un servizio in questo servizio, creerai un metodo e clicchi su una richiesta http.get per ottenere i dati json, quindi qui hai bisogno di cosa? http semplicemente in questo modo:
Esempio di Metodo Servizio Studente per l'utilizzo di Http nel costruttore
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)
}
}
Notare di nuovo il costruttore, se vogliamo utilizzare questo metodo di servizio, andremo alla nostra vista / pagina e:
import {StudentService} from './student.service';
import { SocialSharing } from '@ionic-native/social-sharing';
export class HomePage implements OnInit {
constructor(public _studentService: StudentService, public socialSharing: SocialSharing) {
}
Notate di nuovo il costruttore qui, stiamo creando un'istanza di StudentService nel costruttore e un'altra cosa, stiamo usando il plugin socialSharing così da usare che stiamo creando anche un'istanza di questo nel costruttore.
ngOnInit metodo per ottenere l'elenco degli studenti sul carico di visualizzazione
OnInit : questa è davvero una cosa incredibile in ionic2 o possiamo dire in AngularJs2. Con lo stesso esempio sopra possiamo vedere cosa è ngOnInit. Quindi sei pronto con il metodo di servizio, ora nella tua vista / pagina vuoi che i dati dell'elenco degli studenti siano disponibili non appena appare la tua vista, questa dovrebbe essere la prima operazione che avviene automaticamente al caricamento, perché quando la vista carica lo studente la lista dovrebbe essere visibile Quindi la classe implementa OnInit e tu definisci ngOnInit. Esempio:
ngOnIn esempio per ottenere l'elenco degli studenti sulla pagina / vista
export class HomePage implements OnInit {
...
....
constructor(....){}
ngOnInit(){
this._studentService.getAllStudents().subscribe(
(students: Students[]) => this.students = students,
)