dependency-injection - Angular2 - 将单例服务注入(inject)指令

Question

我在将单例服务注入(inject)指令时遇到问题。我有服务:

@Injectable()
export class AuthService{ ... }

我把它放到 Bootstrap 中。

bootstrap(AppComponent, [AuthService, ...]);

我制定了保护我的组件的指令:

@Directive({
  selector: '[protected]'
})
export class ProtectedDirective {
   constructor(private authService:AuthService) { ... }
}

...并添加到组件之一

@Component({
  selector: 'dashboard',
  directives: [ProtectedDirective],
  template: '<div protected></div',
})
export class DashboardCmp { }

在控制台中我看到一个错误:

ORIGINAL EXCEPTION: No provider for AuthService!

如果我向 DashboardCmp 添加提供程序，一切正常，但它不是单例服务。我在其他组件中设置了它的属性，但在执行指令时看不到它们。

Answer 1

我解决了我的问题。一切都很好，但是

import {AuthService} from '../services/auth.service'; (in protected.directive.ts)

不等于

import {AuthService} from '../Services/auth.service'; ( in main.ts)

是的，这很愚蠢，但它使依赖注入(inject)变得不可能。