Доступ к глобальной переменной в Angular (`LC_API`)

Question

У меня есть приложение Angular 6 с Live Chat для Angular .

Я пытаюсь использовать библиотеку API Live Chat Javascript , чтобы скрыть плавающую кнопку по умолчанию.

Если я запускаю LC_API.hide_chat_window(); в консоли разработчика браузера, это работает.

Однако, если я добавлю этот код в файл .ts компонента Angular, он не будет работать (поскольку он имеет доступ к глобальной переменной LC_API).

Как мне получить доступ к этой глобальной переменной?

Answer 1

Вы можете добавить окно в свой компонент, а затем получить доступ к переменной там, как это традиционно делается в JS, где находятся глобальные переменные. Смотри также https://stackoverflow.com/a/40222547/1260204

Вы можете сформировать ожидаемый интерфейс в конструкторе для безопасности типов.

constructor(@Inject("windowObject") private window: {LC_API:any})