How to access chrome in Angular?

Question

Angular

How in angular to access chrome.runtime... in a component?

Answer 1

don't listen to bad advice :)
Install types for chrome https://www.npmjs.com/package/@types/chrome
and then create a token for the injector somewhere.

export const CHROME = new InjectionToken('CHROME');

in the providers of the app module for this token, pass the value

providers: [
  ...
  {
    provide: CHROME,
    useValue: window.chrome,
  }
  ...
]

In the constructor of your component or service

constructor(
  @Inject(CHROME) private chrome: chrome,
)

This is done in order to be able to change this dependency when necessary. For example, slip mocks for testing.
But in general, you can just call chrome or window.chrome if you don’t worry about substitutions and generally tracking dependencies. The main thing is to explain to the typescript that this is a valid name. Well, i.e. install types.
I can be mistaken in small things, tk. did not check, but described the correct way in general terms.