我可以注入自定义（路径）位置策略吗？

Question

我正在使用自定义 pathlocationstrategy ：

@Injectable() // also tried @Injectable({providedIn: 'root'})
export class CustomPathLocationStrategy extends PathLocationStrategy {

    constructor() {
        console.log('CustomPathLocationStrategy constructor');
    }

    ....
}

让Angular知道我自己在app.module中的实现.TS：

providers: [ 
{
  provide: LocationStrategy,
  useClass: CustomPathLocationStrategy
}

这很好。

但是现在，我尝试将CustomPathLocationsty注入一个组件：

@Component(...)
export class AppComponent {

    constructor(private custom: CustomPathLocationStrategy) {}

浏览器控制台现在两次打印“ CustomPathLocationStrategy构造函数”消息两次：为CustomPathLocationstategy创建了一个新对象。这与用于实现位置策略的一种不同。

我是否不应该在自己的组件或其他服务中注入CustomPathlocatationgaty？还是我做错了？

Answer 1

当您添加提供商时。 提供属性定义indectionToken或键以识别该提供商。 useclass，usefactory ...仅告诉喷油器，如果有人要求它如何创建该依赖关系。

因此，当您添加这样的提供商时：

{
  provide: LocationStrategy,
  useClass: CustomPathLocationStrategy
}

您基本上是在告诉应用程序，如果某些元素要求locationstrategy，它应该使用code> custompathlocationstatrategaty class来创建依赖关系和依赖关系将其还给它，或者如果已经创建了它，请将现有实例归还。

因此，在组件中，您需要“询问” locationstrategy，并且DI系统将为您提供custompathlocationstrategy您已告诉您使用的实例。

@Component(...)
export class AppComponent {

  constructor(private locationStrategy: LocationStrategy) {}

  ...

}

干杯