访问 Angular 中的全局变量 (`LC_API`)

Question

我有一个 Angular 6 的应用程序，安装了 Live Chat for Angular。

我正在尝试使用 Live Chat Javascript API library 隐藏默认浮动按钮。

如果我运行 LC_API.hide_chat_window(); 在浏览器开发者控制台中，它可以工作。

但是，如果我将该代码添加到 Angular 组件 .ts 文件中，它就不起作用（因为它确实可以访问全局变量 LC_API）。

我怎样才能访问那个全局变量？

Answer 1

您可以将 window 注入到您的组件中，然后像传统的 JS 中那样访问那里的变量，这是全局变量所在的位置。另见

为了类型安全，您可以在构造函数中塑造预期的接口。

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

Access global variable in Angular (`LC_API`)