javascript - 将javascript组件添加到角度应用程序中

Question

我有一个作为.js文件和.css文件分发的 javascript 组件。在.js文件中将组件添加到window

window.Component = { ... }

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

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

这是我的问题。

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

标签： javascriptangular

Answer 1

您可以将.js文件添加到angular.json. 这样它就会被加载。

或者您可以在.jsindex.html 的 body 标记内添加脚本标记。（有时它不起作用，因为加载 index.html 时某些 dom 元素不存在）。

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