ionic2
Constructor y OnInit

Android Angular 2 AngularJS Cordova CSS firebase ionic-framework iOS JavaScript TypeScript
Buscar..


Introducción

Con respecto a ionic2, el constructor : en términos simples, lo usamos para crear una instancia de nuestros complementos, servicios, etc., por ejemplo: tiene una página (vista) donde desea mostrar la lista de todos los estudiantes y tiene un archivo json que contiene a todos los estudiantes (este archivo es su archivo de datos) lo que debe hacer es crear un servicio en este servicio, creará un método y realizará una solicitud http.get para obtener los datos de json, así que, ¿aquí necesita qué? http simplemente hacerlo de esta manera:

Ejemplo de Método de Servicio al Estudiante para usar Http en el 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)     
        }
    }

note el constructor ahora nuevamente, si queremos usar este método de servicio, iremos a nuestra vista / página y: 

import {StudentService} from './student.service';
import { SocialSharing } from '@ionic-native/social-sharing';
export class HomePage implements OnInit {

  constructor(public _studentService: StudentService, public socialSharing: SocialSharing) {
   }

nuevamente, note el constructor aquí, estamos creando una instancia de StudentService en el constructor y una cosa más, estamos usando el complemento socialSharing para usar que también estamos creando una instancia de eso en el constructor.

Método ngOnInit para obtener la lista de estudiantes en la vista de carga

OnInit : esto es algo realmente asombroso en ionic2 o podemos decir en AngularJs2. Con el mismo ejemplo anterior podemos ver lo que es ngOnInit. Así que ya está listo con el método de servicio, ahora en su vista / página desea que los datos de la lista de estudiantes estén disponibles tan pronto como aparezca su vista, esta debería ser la primera operación que se produzca automáticamente en la carga, porque a medida que la vista carga al estudiante La lista debe ser visible. Entonces la clase implementa OnInit y usted define ngOnInit. Ejemplo:

Ejemplo de ngOnInit para obtener la lista de estudiantes en la página / vista

export class HomePage implements OnInit {
...
....
constructor(....){}

ngOnInit(){
    this._studentService.getAllStudents().subscribe(
     (students: Students[]) => this.students = students, 
    )


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow