服务 class 未注入 Angular2

Question

我昨天已经让一切正常。今天，在我重新启动环境后，我尝试注入的服务之一现在总是 null.

这是我的顶级组件 (app.component.ts)：

@Component({
  selector: 'priz-app',
  moduleId: module.id,
  templateUrl: './app.component.html',
  directives: [ROUTER_DIRECTIVES, SecureRouterOutlet],
  providers: [ROUTER_PROVIDERS, AuthenticationService]
})

该组件的模板包含： <secure-outlet signin="Login" unauthorized="AccessDenied"></secure-outlet>

其中secure-outlet实现如下：

@Directive({
    selector: 'secure-outlet'
})
export class SecureRouterOutlet extends RouterOutlet {
    @Input()
    signin: string;

    @Input()
    unauthorized:string;

    @Input()
    nameAttr: string;

    constructor(_elementRef: ElementRef, _loader: DynamicComponentLoader,
                private parentRouter: Router,
                private authService: AuthenticationService,
                public injector: Injector) {
        super(_elementRef, _loader, parentRouter, null);
    }
...

在构造函数中，以及指令中的其他任何地方，authService 始终是 null。我试过，在指令中使用 AuthenticationService 定义提供程序，在主组件中，甚至在 bootstrap 中，都没有任何效果。

我错过了什么？

谢谢，

Answer 1

不要将providers: [ROUTER_PROVIDERS]添加到组件中，仅将添加到bootstrap()

尝试提供与原始 RouterOutlet class 相同的参数，并在它们后面添加您自己的依赖项。不确定这是否有帮助，但我认为不久前有人提到有一个奇怪的问题：

constructor(
    _elementRef: ElementRef, 
    _loader: DynamicComponentLoader,
    private parentRouter: Router,
    @Attribute('name') nameAttr: string, // <= added
    private authService: AuthenticationService,
    public injector: Injector) {

服务 class 未注入 Angular2

Service class is not injected in Angular2

dependency-injection

angular-directive

angular