Angular 2和Ionic 2：構造函數，ionViewDidLoad和ngOnInit方法之間有什麼區別

構造函數，ionViewDidLoad和ngOnInit方法之間有什麼區別。在每種情況下適合採取什麼行動。Angular 2和Ionic 2：構造函數，ionViewDidLoad和ngOnInit方法之間有什麼區別

2016-11-16 ifeoluwa king

我不知道'ionViewDidLoad'，但其他人都在http://stackoverflow.com/解釋questions/35845554/angular-2-component-constructor-vs-oninit –

ionViewDidLoad是一個離子m這與angular2中的ngOnInit（）類似。要詳細瞭解它，請檢查http://ionicframework.com/docs/v2/api/navigation/NavController/ – AishApp

http://ionicframework.com/docs/v2/api/navigation/NavController/#lifecycle-events 。猜你的問題是通過這2個鏈接 – Ivaro18

關於ionic2 constructor：簡單地說，我們用它來創建插件，服務等的實例，例如：您有一個頁面（視圖），您想在其中顯示所有學生的列表，而您有一個包含所有學生的json文件（這個文件是你的數據文件），你需要做的是在這個服務中創建一個服務，你將創建一個方法並且獲得json數據的一個http.get請求，所以在這裏你需要什麼？ 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插件，以便使用我們在構造函數中創建實例。

OnInit：在ionic2中這真的很神奇，或者我們可以在AngularJs2中說。與上面的例子相同，我們可以看到ngOnInit是什麼。因此，您已準備好使用服務方法，現在在您的視圖/頁面中，您希望在您的視圖出現時可以使用學生列表數據，這應該是第一個在加載時自動發生的操作，因爲當視圖加載學生名單應該是可見的。所以班級執行OnInit並且你定義了ngOnInit。例如：

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

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

我希望這個解釋清楚你對這兩者的懷疑。謝謝

來源

2017-05-07 17:41:00 niks