ionic2
생성자 및 OnInit

소개

생성자에서 Http를 사용하는 학생용 서비스 메서드 예제

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)     
        }
    }

이 서비스 메소드를 사용하려면 생성자에 다시 주목하십시오. 우리는 뷰 / 페이지로 이동하여 다음을 수행합니다.

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

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

다시 여기에 생성자를 주목해라. 생성자에서 StudentService의 인스턴스를 생성하고있다. 우리는 socialSharing 플러그인을 사용하여 생성자에서 인스턴스를 생성하는 것을 사용하고있다.

ngOnInit 메소드를 사용하여 뷰로드시 학생 목록 가져 오기

OnInit : 이것은 ionic2에서 정말 놀라운 것입니다. 또는 AngularJs2에서 말할 수 있습니다. 위의 예제에서 ngOnInit은 무엇인지 알 수 있습니다. 따라서 서비스 메소드를 사용할 준비가되었습니다. 이제 뷰 / 페이지에서 뷰가 표시되는 즉시 해당 학생 목록 데이터를 사용할 수 있기를 원합니다. 뷰로드시 학생이로드 할 때 자동으로로드가 발생하는 첫 번째 작업이어야합니다. 목록이 표시되어야합니다. 따라서 클래스는 OnInit을 구현하고 ngOnInit을 정의합니다. 예:

ngOnInit 예제 페이지 /보기에 학생 목록 가져 오기

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

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