Angular:如何通过控制台获得组件依赖性?

时间:2017-07-16 18:34:43

标签: angular dependency-injection angular-di

我将重点放在开发工具中的组件元素上,可以执行以下操作:

 ng.probe($0)

获取特殊对象" DebugElement "。现在我们可以得到它的注射器:

 ng.probe($0).injector

现在我希望获得在此组件上定义的依赖项。依赖性被定义为类,所以我应该这样做:

ng.probe($0).injector.get(MyService)

BUT!服务器未在控制台范围中定义。 如果我把它变成一个字符串:

 ng.probe($0).injector.get('MyService')

显然它也不起作用。

我试图在ReflectiveInjector.get上进行逆向工程,但现在没有运气。有什么想法吗?

1 个答案:

答案 0 :(得分:3)

我们必须在声明时将令牌传递给injector.get方法。如果我们将类声明为标记,我们就不能使用字符串。

Angular会在ngfactory Plunker

中保留在组件内声明的提供程序
function View_App_Host_0(_l) {
  return jit_viewDef0(0,[(_l()(),jit_elementDef1(0,null,null,2,'my-app',[],null,null,
      null,jit_View_App_02,jit__object_Object_3)),jit_providerDef4(4608,null,jit_MyService5,
      jit_MyService5,[]),jit_directiveDef6(49152,null,0,jit_App7,[],null,null)],null,
      null);
}

它使用elementInjector来获取依赖。

enter image description here

DebugElement获取有关提供给当前节点的令牌的信息

get providerTokens(): any[] {
  const tokens: any[] = [];
  if (this.elDef) {
    for (let i = this.elDef.index + 1; i <= this.elDef.index + this.elDef.childCount; i++) {
      const childDef = this.elView.def.nodes[i];
      if (childDef.flags & NodeFlags.CatProvider) {
        tokens.push(childDef.provider !.token);
      }
      i += childDef.childCount;
    }
  }
  return tokens;
}

在我们在providers组件元数据数组中声明提供程序后,该标记在providerTokens数组中可用。

所以我们可以通过写

来获得依赖
ng.probe($0).injector.get(ng.probe($0).providerTokens
    .find(x => x.name === 'MyService'))

另见