angular - 在 Angular 8 中，如何从浏览器控制台访问注入(inject)的服务？

Question

我正在使用 Angular 8。我想从我的浏览器控制台(Chrome 开发工具)访问注入(inject)的服务。我可以像这样从我的浏览器控制台访问注入(inject)器

ng.probe(document.querySelector('app-root')).injector

我想在开发工具控制台中访问注入(inject)的服务，但是当我尝试这个时

ng.probe($0).injector.get("AbcService")

我收到以下错误。我已验证我的服务名称是正确的。我还需要做什么才能从控制台访问我的服务？

core.js:8991 Uncaught Error: StaticInjectorError(AppModule)[ActivationService]: 
  StaticInjectorError(Platform: core)[AbcService]: 
    NullInjectorError: No provider for AbcService!
    at NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get (core.js:8895)
    at resolveToken (core.js:9140)
    at tryResolveToken (core.js:9084)
    at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:8981)
    at resolveToken (core.js:9140)
    at tryResolveToken (core.js:9084)
    at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:8981)
    at resolveNgModuleDep (core.js:21208)
    at NgModuleRef_.push../node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:21897)
    at Object.resolveDep (core.js:22268)

编辑:我尝试访问的服务像这样导入到我的组件中

import { AbcService } from '@myapp/services';

Answer 1

注入(inject)的服务将作为 componentInstance 的属性提供。如果AbcService注入(inject)到AppComponent

  export class AppComponent {  
    constructor(private abcService: AbcService) {}
  }

然后你可以在控制台中获取它:

ng.probe(document.querySelector('app-root')).componentInstance.abcService