将 javascript 组件添加到 Angular 应用程序中

Question

我有一个以.js文件和.css文件形式分发的 javascript 组件。在.js文件中该组件被添加到window

窗口组件 = { ... }

应使用以下代码将该组件添加到页面Component.init('#componentHolderId', config);

我需要在 Angular 应用程序中使用我的组件（如果重要的话，请使用 Angular 11）。

这是我的问题。

1. 角度应用程序中放置.js文件的最佳位置在哪里？也许可以以某种方式将其添加到延迟加载模块（因为组件需要在延迟加载模块中使用）？

2. 有没有办法将 css 添加到项目中而不是将其添加到styles数组中angular.json？我担心这种方式会减慢应用程序的启动速度。

Answer 1

您可以将.js文件添加到angular.json. 这样它就会被加载。或者您可以.js在index.html的body标签内添加script标签。（有时它不起作用，因为加载index.html时一些dom元素不存在）。如果您正在使用SCSS或任何其他CSS预处理器，您可以将CSS文件导入到样式文件中。