从 TypeScript 获取 Angular 指令名称

Question

我实现了下一个 AngularJS 指令：

export module Directives {

    export class PasswordsMatch implements ng.IDirective {

        public static Factory(name: string) : ng.IDirectiveFactory {
            return () => new PasswordsMatch();
        }

        require = 'ngModel';            
        link = (scope: ng.IScope, element: ng.IAugmentedJQuery, attrs: Attributes): void => {
            // how to get directive name here?
        };
    }
}

在另一个脚本文件中注册为：

class Application {
    private app: ng.IModule;

    constructor() {     

        // Controllers

        // Directives           
        this.app.directive('ngPasswordsMatch', Directives.PasswordsMatch.Factory());
    }        
}

是否可以在不将指令名称传递给工厂函数的情况下在链接函数中获取指令名称（我不想重复指令名称）？

Answer 1

你可以在变量外部有指令名称，这样它就可以在内部的任何地方访问。

let directiveName = 'ngPasswordsMatch'; //declared directive name as string
export module Directives {

  export class PasswordsMatch implements ng.IDirective {

    public static Factory(name: string): ng.IDirectiveFactory {
      return () => new PasswordsMatch();
    }

    require: 'ngModel';
    link = (scope: ng.IScope, element: ng.IAugmentedJQuery, attrs: Attributes): void => {
      console.log(directiveName); //directive name accessible here
    };
  }
}

this.app.directive(directiveName, Directives.PasswordsMatch.Factory());

通过使用变量directiveName 来获取指令名称。