Angular在组件使用中包含CDN

Question

我有CDN URL，我想在Component TypeScript文件中使用它。

在Angular 2和更高版本中处理CDN的“正确”方法是什么？

Answer 1

如果要让用户从CDN检索js / css文件，则需要将这些文件包括在index.html中。 momentjs的示例（注意：这只是一个示例，可以通过npm在您的项目中安装momentjs）

index.html

<!-- get script from CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js" />

然后，要在组件中使用脚本，您需要手动声明导出的变量/函数，以避免TS编译错误

component.ts

declare let moment: any; //declare moment

//use moment
moment().format(....);

注意：某些库具有可代替而不使用any的类型。您可以从@types存储库中获取这些类型