在 Angular 8 的控制台（从 devtools）上访问 Angular 的正确方法是什么？

Question

我是运行 Angular 8. 按照此处可能已过时的建议 -- How can I test an AngularJS service from the console?，我正在尝试从 Angular 访问 Angular 服务=22=] 开发工具控制台。下面是令人失望的输出

Angular is running in the development mode. Call enableProdMode() to enable the production mode.
injector = angular.element(document.body).injector()
VM914:1 Uncaught ReferenceError: angular is not defined
    at <anonymous>:1:1

在 Angular 8 的命令行中访问 Angular 的正确方法是什么？

Answer 1

你可以只在全局保存一个注入器的引用class

main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';


if (environment.production) { //  production
  enableProdMode();
} else { //  development
  const platform = platformBrowserDynamic();
  window['injector'] = platform.injector;
}

Injector

已更新！！

不存储全局注入器引用的其他选项

const inj = ng.probe(document.querySelector('app-root')).injector;

在 Angular 8 的控制台（从 devtools）上访问 Angular 的正确方法是什么？

What's the right way to access Angular on the console (from devtools) in Angular 8?

console

google-chrome-devtools

angular

angular8