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

Question

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

window.Component = { ... }

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

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

这是我的问题。

1. angular 应用程序中放置 .js 文件的最佳位置在哪里？也许可以将它添加到延迟加载模块中（因为组件需要在延迟加载模块中使用）？
2. 有没有办法将 css 添加到其他项目中，而不是将其添加到 styles 中的 angular.json 数组？我担心的是，这种方式会减慢应用程序的启动速度。

Answer 1

您可以将您的 .js 文件添加到 angular.json 的 Scripts 数组中。以便加载。

或者您可以在 index.html 的 body 标签内的 script 标签内添加 .js。 （有时它不起作用，因为加载 index.html 时不存在一些 dom elaments）。

如果您使用 SCSS 或任何其他 CSS 预处理器，您可以在样式文件中导入您的 CSS 文件。