Angular Property Decorator fügt den Lebenszyklus-Haken der Komponente hinzu?

Question

Der folgende Code ermöglicht es mir, eine @Test()10 zu meiner Komponente hinzuzufügen, aber ich muss einen Befehl zum ngOnInit-Hook hinzufügen und es ersetzt derzeit den Hook innerhalb der Komponente.

function Test(value:any) { 

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

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

    } 
}  

Wie füge ich einfach hinzu?

Answer 1

Dekoratoren sind eigentlich nur Funktionen, Ein Methoden-Dekorator wird mit dem Wert der Methode, die er schmückt, aufgerufen, und ein Klassen-Dekorator wird mit der zu dekorierenden Klasse aufgerufen.

Below Dekorateur geht einfach nur um die Klasse zu der Konsole anzumelden:

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

Das Ziel wird in der Tat die Klasse, die wir dekorieren, was bedeutet, können wir nun jede Klasse mit unseren Dekorateur dekorieren und sehen es ausgegeben wird, in der Konsole:

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

diese Entnommen link to detail decorator. Und es gibt Tonnen von Beispiel in Google verfügbar.

Ich hoffe, es hilft.