Đăng ký toàn cầu một chỉ thị trong angular2

Question

Tôi đang phát triển một ứng dụng Angular2. Tôi cần thêm hành vi đặc biệt cho tất cả các liên kết như vậy trong 1.xi góc sẽ chỉ cần viết một chỉ thị như thế này:

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

Trong angular2 tôi có thể viết một chỉ thị như thế này:

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

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

Nhưng làm thế nào trên tôi có thể nói cho ứng dụng sử dụng chỉ thị đó trên toàn cầu không? Tôi có rất nhiều lượt xem với các liên kết trên chúng. Tôi có phải nhập khẩu nó và chỉ định nó trong mảng directives trong mỗi thành phần (đó là A LOT)?

Tôi đã cố gắng tiêm nó vào bootstrap chức năng như bạn đang phải làm với các dịch vụ có một trường hợp trên toàn cầu nhưng mà không làm việc

Answer 1

hiểu biết của tôi là bạn phải chọn tham gia vào tất cả các tùy chỉnh chỉ thị ở cấp thành phần. Chỉ PLATFORM_DIRECTIVES được bao gồm ngầm (ngFor, ngIf, v.v.).

Tuy nhiên, bạn có thể đăng ký chỉ thị riêng của bạn như một PLATFORM_DIRECTIVE

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

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

Đây là một bài viết mà nói thêm về quá trình: http://blog.thoughtram.io/angular2/2015/11/23/multi-providers-in-angular-2.html

EDIT: tôi xem xét việc này ít quan tâm vì các thành phần được khai báo ở cấp mô-đun. Điều này có nghĩa là sự lặp lại ít hơn nhiều vì bạn không còn phải khai báo các thành phần con ở cấp thành phần riêng lẻ nữa.