Angular在组件使用中包含CDN

Question

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

在Angular 2及更高版本中，处理CDN的"正确"方式是什么？

Answer 1

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

index.html

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

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

组件.ts

declare let moment: any; //declare moment
//use moment
moment().format(....);

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