Wann Konstruktor in Angular2 Typoskript erstellen?

Question

Hier sind einige Beispiele Konstrukteure aus den Angular 2 docs:

export class AppComponent implements OnInit { 
    title = 'Tour of heroes'; 
    heroes: Hero[]; 
    selectedHero: Hero; 

    constructor(private heroService: HeroService) { } 

    getHeroes() { 
     this.HeroService.getHeroes().then(heroes => this.heroes = heroes); 
    } 
} 

und ...

class Car { 
    constructor(engine, tires, doors){ 
     this.engine = engine; 
     this.tires = tires; 
     this.doors = doors; 
    } 
} 

Ich verstehe nicht, Warum und wann ein constructor() in Winkel 2/Typoskript zu erstellen (Ich habe Lesen Sie die offizielle Dokumentation, in der sie einen Konstruktor für Dependency Injection und für Services erstellen.

Answer 1

Konstrukteurs definieren, welche Ihre Objekte zu schaffen, die Parameter, wenn instanziiert. In TypeScript können Sie auch Modifikatoren wie private oder public hinzufügen, um Klasseneigenschaften gleichzeitig zu definieren und ihre Werte mit den bereitgestellten Klassen festzulegen.

Zum Beispiel:

class Car { 
    constructor(private engine:string, private tires:string, private doors:number){ 
    } 
} 

ist ähnlich:

class Car { 
    constructor(engine:string, tires:string, doors:number){ 
    this.engine = engine; 
    this.tires = tires; 
    this.doors = doors; 
    } 
} 

In Angular2 Konstrukteuren für Dependency Injection verwendet werden. Der zugehörige Decorator (@Component oder Injectable) sammelt Metadaten (Typen oder Hinweise innerhalb von @Inject), um zu bestimmen, was dem zu instanziierenden Objekt zur Verfügung gestellt werden soll.

Beachten Sie, dass Konstruktoren nicht Teil des Komponentenlebenszyklus sind. Eigenschaften können später von Angular2 auf dieser Ebene festgelegt werden ...

Answer 2

Controller-Konstruktoren werden hauptsächlich für Abhängigkeitsinjektionen/-dienste verwendet, wie Sie bereits erwähnt haben, und auch (in meinen Apps) für die Initialisierung komplexer Standardwerte, die auf den Diensten selbst basieren. Da der Konstruktor ausgeführt wird, bevor die Controller-Vorlage initialisiert wird - keine Variablen werden genau gerendert, daher die Notwendigkeit für ngOnInit und andere ähnliche Methoden. Diese "Bootstrap" -Methoden sollten verwendet werden, um die normalen Konstruktionsaufgaben auszuführen, damit die Vorlage/Ansicht auf die Daten zugreifen kann.

In Bezug auf Dienstkonstruktoren verwenden einige von mir den Konstruktor normal und initialisieren verschiedene Teile des Dienstes basierend auf vorhandenen Benutzerdaten, da sie eher wie Standardklassen agieren.

Diese Antworten werden von Hilfe sein:

• Difference between Constructor and ngOnInit
• Angular 2 Component Constructor Vs OnInit