角2コンポーネントコンストラクタとOnInit

Question

コンポーネントが読み込まれるたびに関数xを実行したい場合は、最初のかどうかにかかわらず、別のサイトに移動して戻るか、コンポーネントが読み込まれたのは5回目です。

function xを何に入れるべきですか？コンポーネントコンストラクタまたはOnInit？

Answer 1

コンストラクタはtypescriptですクラスの定義済みのデフォルトの方法です。 Angularとconstructorの間には関係がありません。通常、いくつかの変数を定義/初期化するのに、constructorを使用しますが、Angularのバインディングに関連するタスクがある場合、AngularのngOnInitライフサイクルフックに移動します。 ngOnInitは、コンストラクタ呼び出しの直後に呼び出されます。コンストラクタでも同じ作業を行うことができますが、Angularのバインディングを開始するにはngOnInitを使用することをお勧めします。我々はコアライブラリからこのフックをインポートする必要がngOnInitを使用するために

：

import {Component, OnInit} from '@angular/core' 

その後、我々は（これは、このインタフェースを実装するのに必須ではないが、一般的に、我々がやった）エクスポートしたクラスで、このインタフェースを実装しています。両方を使用しての

例：

export class App implements OnInit{ 
    constructor(){ 
    //called first time before the ngOnInit() 
    } 

    ngOnInit(){ 
    //called after the constructor and called after the first ngOnChanges() 
    } 
} 

詳細についてはまた Difference between Constructor and ngOnInit

Answer 2

最初のもの（コンストラクタ）はクラスのインスタンス化に関連しており、Angular2とは関係ありません。つまり、どのクラスでもコンストラクタを使用できます。新しく作成されたインスタンスの初期化処理を行うことができます。

もう一つはAngular2コンポーネントのライフサイクルフックに対応する：入力または出力結合値が

ngOnInitを変更したとき

• ngOnChangesが呼び出されるが、そこで最初ngOnChanges

後に呼び出されます関数の初期化処理がコンポーネントのバインディングに依存している場合は、ngOnInitを使用する必要があります（たとえば、で定義されたコンポーネントパラメータ）、それ以外の場合はコンストラクタで十分です。

Answer 3

constructor()はnew SomeClass()のために呼び出されます。コンストラクタは、クラス階層内のフィールドの初期化順序を適切にします。

ngOnInitは、コンポーネントの作成が完了したとき、およびバインディングを評価して初めて入力を更新した後に、Angularによって呼び出されるライフサイクルメソッドです。

も参照してくださいDifference between Constructor and ngOnInit