Typoskript Import falsche Winkel

Question

Ich importiere Winkel in meinem Winkel 1 app (in Typoskript) wie Syntax unter

import * as angular from 'angular'; 

Diese von angular-mocks Winkel importiert und nicht von angular wegen der meine ILogService Implementierung

schlägt fehl

FEHLER in ./app/shared/Logger.factory.ts (38,7): Fehler TS2420: Klasse 'Logger' implementiert die Schnittstelle 'ILogService' falsch. Die Typen property 'debug' sind nicht kompatibel. Typ '(... argument: any []) => void' kann nicht dem Typ 'ILogCall' zugewiesen werden.

Auch wenn ich versuche, 'angular' von vscode ich navigiert Winkel spottet Winkel Definition erhalten zu navigieren. Es sollte navigiert werden, um eckig zu werden und Bibliothek nicht zu spotten ...

Wie man dieses Problem vermeidet?

EDIT

Unten ist die Implementierung von

Die Implementierung ich habe ist, individueller Service, über die Typoskript einen Fehler während der Kompilierung gibt (den Fehler oben eingefügt)

class Logger implements ng.ILogService { 
    info(message:string) { //some custom logic in info method} 
} 

angular.service('logger', Logger) 

Answer 1

Es wird verursacht, weil angular-mocks Typisierung eine Augmentation zu eckigen ist. Mit anderen Worten sollte eine echte ILogCall Schnittstelle sein:

interface ILogCall { 
    (...args: any[]): void; //from @types\angular\index.d.ts 
    logs: string[]; //from @types\angular-mocks\index.d.ts 
} 

So in Ihrem Code:

info(message:string) { //some custom logic in info method} 

Sie müssen ein korrektes ILogCall Objekt zurückzukehren (mit allen Mitgliedern). @TheChetan und @Natarajan Nagarajugari's Antwort kann hilfreich sein, aber ich bin mir nicht sicher, ob es deine TypeScript-Schreibeinheitentests brechen würde.

Meine Lösung ist in info (message: string):

info(message:string) 
{ 
    var logCall: any = (...args: any[]) => {}; 
    logCall.logs = //something; 

    return logCall as ng.ILogCall; 
} 

Answer 2

try dies ..

import * as _angular_ from 'angular'; 

declare global { 
const angular: typeof _angular_; 
} 

Hoffe, es würde Ihnen helfen