コンポーネントのライフサイクルフックに追加する角度プロパティデコレータ？

Question

次のコードでは、私のコンポーネントに@Test()を追加することができますが、ngOnInitフックにコマンドを追加する必要があり、現在コンポーネント内のフックが置き換えられています。

function Test(value:any) { 

    return function(target: any, propertyKey: string | symbol) { 

    target.ngOnInit =() => { 
     console.log("This replaces the component's hook") 
    } 

    } 
}  

どうやって追加すればよいですか？

Answer 1

デコレータは実際には単なる関数です。メソッドデコレータはデコレートされているメソッドの値で呼び出され、装飾されるクラスとともにクラスデコレータが呼び出されます。ターゲットは、実際には、我々は飾るクラスになります

function Console(target) { 
    console.log('Our decorated class', target); 
} 

、私たちは今、私たちのデコレータで任意のクラスを飾ると見ることができますを意味します。デコレータ以下

は、単にコンソールにクラスをログに記録しようとしていますコンソールに出力：

@Console 
class ExampleClass { 
    constructor() { 
    console.log('Yo!'); 
    } 
} 

これをlink to detail decoratorから取得しました。 Googleには数多くの例があります。

希望します。