Wie neues Objekt in Typoskript mit Winkel injizierten Parameter

Question

ich ein Typoskript Klasse schaffen, in dem Konstruktor ich eine normale und eine Winkel injizierten Argument:

export class MyClass { 
    private translation:string; 

    public static $inject = ['$filter']; 
    constructor(name:string, $filter: ng.IFilterService) { 
     this.translation = filter('translate')('code').toString(); 
    } 
} 

Wenn ich jetzt ein Objekt erstellen möchten , wie kann ich es tun?

new MyClass('myname'); //won't compile because there are too few parameters 
new MyClass('myname', filter); //makes no sense since I want to inject it 

Auch wenn ich schrieb $filter? es wird nicht funktionieren, weil sie den Umfang nicht erkennen, und es wird nicht definiert sein.

Also, wie kann ich das zum Funktionieren bringen?

Mein Ansatz

Lassen Sie sich sagen, dass ich in einer anderen Klasse bin, in dem ich ein Objekt von MyClass erstellen möge. Der folgende Code wird funktionieren, aber ich mag die Idee nicht, $ filter auch in dieser Klasse zu injizieren, da er sie nicht benötigt.

export class ClassUsingTheOtherClass { 
    private filter:ng.IFilterService; 

    public static $inject = ['$filter']; 
    constructor($filter: ng.IFilterService) { 
     this.filter = $filter; 
    } 

    doThings() { 
     var clazz = new MyClass('myName', this.filter); 
    } 
} 

Ich würde eher so etwas wie diese var clazz = new MyClass('myName'); nennen und mit $filter automatisch als Abhängigkeit in MyClass injiziert. Ist das überhaupt möglich?

Answer 1

Ich denke, Sie vermissen etwas über DI (Injektion). Der Punkt ist, keine Abhängigkeiten manuell zu erstellen. Stattdessen lösen Sie sie immer und mit Angular geschieht dies automatisch im Konstruktor. Die einzigen Ausnahmen sollten Klassen sein, die 0 Winkelabhängigkeiten haben und auf kein Verhalten wie eine reine Entity/Datenklasse beschränkt sind.

Auch Typescript bietet Ihnen die Möglichkeit, Schnittstellen (Verträge) zu definieren. Sie sollten sie erstellen und diese als Referenzpunkte anstelle Ihrer Klassentypen direkt verwenden. Auf diese Weise können Sie das Verhalten oder sogar Definitionen ändern (bietet eine lose Kopplung). Dies erleichtert auch das Testen von Einheiten.

Ihr Beispiel rewriten wie so könnte:

export interface IMyService{ 
    doThing:()=>void; 
} 

// should be registered with angular with service name 'ngMyService' 
export class MyClass implements IMyService { 
    private translation:string; 

    public static $inject = ['$filter']; 
    constructor($filter: ng.IFilterService) { 
     this.translation = $filter('translate')('code').toString(); 
    } 

    doThing() : void { 
     // something 
    } 
} 

export class ClassUsingTheOtherClass { 

    public static $inject = ['ngMyService']; 
    constructor(private myService: IMyService) { 
    } 

    doThings() { 
     this.myService.doThing(); 
    } 
} 

Jetzt MyClass mit Winkel mit dem Namen als auch ngMyService und registrieren ClassUsingTheOtherClass mit Winkeln registrieren. Wo Sie sie registrieren, hängt von ihrer Verwendung ab (Controller, Service, Fabrik, Filter usw.).

Wenn eckig eine Instanz von ClassUsingTheOtherClass erstellt, wird automatisch MyClass in den Konstruktor eingefügt. MyClass wiederum wird automatisch in den Konstruktor $filter injiziert.

Schließlich sehe ich keine Bedeutung für die Zeichenfolge name Parameter in MyClass, also habe ich es entfernt. Sie können dies niemals injizieren, da Sie keine Zeichenfolge mit eckigen Klammern registrieren können, um injiziert zu werden.Sie könnten entweder den Namen im Typ selbst fest codieren ODER eine name Eigenschaft/Feld, die vom Benutzer MyClass gesetzt werden könnte (fügen Sie das Feld der Schnittstelle IMyService), aber dies bricht die hohe Kohäsion Regel meiner Meinung nach.

Answer 2

export class MyClass { 

    public static $inject = ['$scope']; 
    constructor(name:string, $scope?: ng.IScope) { 
     //do things...     
    } 
} 

Durch Ihre Klasse modden, so gibt es ein Fragezeichen hinter $scope ist, sagen Sie dem Compiler, dass die $scope ein optionaler Parameter ist.

Jetzt können Sie einfach new MyClass('myname'); ausführen.