在Angular中全局注册指令

Question

angular.module('whatever.module', []).directive('href', function() {
    return {
        restrict: 'A',
        link: function($scope, $element, $attrs) {
            // do stuff
        }
    };
});

@Directive({
    selector: '[href]',
})

export class MyHrefDirective {
    constructor() {
        // whatever
    }
}

我尝试将它注入bootstrap函数，就像您应该对服务做的那样，以便在全局范围内拥有一个实例，但这并不奏效

Answer 1

我的理解是，您必须在组件级别选择所有自定义指令。只隐式地包含了PLATFORM_DIRECTIVES(ngFor、ngIf等）。

但是，您可以将自己的自定义指令注册为PLATFORM_DIRECTIVE

import { provide, PLATFORM_DIRECTIVES } from '@angular/core';

bootstrap(RootCmp, [
  provide(PLATFORM_DIRECTIVES, {useValue: YourCustomDirective, multi: true}),
]);

下面有一篇文章详细介绍了这个过程:http://blog.thoughtram.io/angular2/2015/11/23/multi-providers-in-angular-2.html