无法在角度打字稿中的指令中访问自定义工厂

Question

我已经注入了storageService，但我试图在链接函数中使用this.storageService访问它的给定undefined。

任何人都可以帮助我吗？

module App.Directive { 
    import Services = Core.Services; 
    import Shared = Core.Shared; 
    export class UserNav implements ng.IDirective { 
    restrict = 'A'; 
    require: any = "^?ngModel"; 
    scope = true; 
    templateUrl: any = "template/user-nav.html"; 
    link: ng.IDirectiveLinkFn = function(scope, element, attributes, ngModel: any) { 
     var a = this.storageService.getItem("userInfo", false); 
     console.log("getting > " + a); 
    } 
    constructor(public routerService: Services.RouterService, 
     public storageService: Services.StorageService) { 
    } 
    static factory(): any { 
     var directive = (routerService: Services.RouterService, 
      storageService: Services.StorageService) => { 
      return new UserNav(routerService, storageService); 
     } 
     directive['$inject'] = ['routerService', 'storageService']; 
     return directive; 
    } 
    } 
} 

Answer 1

所以问题是，链接功能 变化：

module App.Directive { 
    import Services = Core.Services; 
    import Shared = Core.Shared; 
    export class UserNav implements ng.IDirective { 
    restrict = 'A'; 
    require: any = "^?ngModel"; 
    scope = true; 
    templateUrl: any = "template/user-nav.html"; 
    link: ng.IDirectiveLinkFn = function(scope, element, attributes, ngModel: any) { 
     var a = this.storageService.getItem("userInfo", false); 
     console.log("getting > " + a); 
    } 
    constructor(public routerService: Services.RouterService, 
     public storageService: Services.StorageService) { 
    } 
    static factory(): any { 
     var directive = (routerService: Services.RouterService, 
      storageService: Services.StorageService) => { 
      return new UserNav(routerService, storageService); 
     } 
     directive['$inject'] = ['routerService', 'storageService']; 
     return directive; 
    } 
    } 
} 

要：

module App.Directive { 
    import Services = Core.Services; 
    import Shared = Core.Shared; 
    export class UserNav implements ng.IDirective { 
    restrict = 'A'; 
    require: any = "^?ngModel"; 
    scope = true; 
    templateUrl: any = "template/user-nav.html"; 
    link(scope, element, attributes, ngModel: any) { 
     var a = this.storageService.getItem("userInfo", false); 
     console.log("getting > " + a); 
    } 
    constructor(public routerService: Services.RouterService, 
     public storageService: Services.StorageService) { 
    } 
    static factory(): any { 
     var directive = (routerService: Services.RouterService, 
      storageService: Services.StorageService) => { 
      return new UserNav(routerService, storageService); 
     } 
     directive['$inject'] = ['routerService', 'storageService']; 
     return directive; 
    } 
    } 
} 

UPDATE：以上答案都不行。因为链接功能用作回调，并且this是全局对象。您必须将服务设置为模块内的变量，然后才能通过范围访问它。 see my fiddle