将具有 defer 属性的外部 JS 脚本添加到 Angular 11 项目

Adding external JS script with defer attribute to Angular 11 project

我想在使用 Angular-CLI 创建的 Angular 11 项目中使用 external JS library

从许多答案 (, , ) 中,我看到实现此目的的一种方法是将 JS 文件的路径添加到 angular.json 文件的 scripts 部分,并且在 typings.d.ts 文件中添加变量声明(如果它不存在,我应该创建一个)。

但是,我希望能够使用“延迟”属性加载它,即当页面完成解析时,如 in the documentation of this library 所示:

Don't forget the defer attribute. It reduces the loading time of your page.

the official Angular docs page on this section开始,好像没有添加这个属性的选项,不明白这些外部库是什么时候加载的。我想知道是否有人可以帮助我理解这一点。

您可以在 index.html 中添加任何您喜欢的内容。即使是具有 defer 属性的脚本。

这是否是将脚本包含到项目中的最佳方式取决于您。