Fineuploader Angular

Question

我正在尝试将 fineuploader 库集成到 Angular 4. 我指的是 。我的问题太广泛了，无法在那里发表评论，看起来答案是 Angular 2。自 Angular 发布第 4 版以来，有很多事情发生了变化。

回到我的问题：Fineuploader 使用

<script type="text/template" id="qq-template">Template code goes here..</script>

但是，如果我尝试将其包含在我的 uploader.component.html 文件中。它只是脚本标签的一部分。当我对其进行更多研究时，我发现它是 angular 应用程序的默认行为。它去除了组件中的所有脚本标签。

有没有其他方法可以将 fineuploader 集成到 angular 中？我真的需要使用那个库，因为它是 IE9 中唯一支持的东西，并提供直接 S3 上传功能。

编辑 问题不是关于在 angular 中集成第三方库。这是关于拥有内部 mycomponent.component.html 文件。我知道出于安全原因 angular 正在剥离脚本标签，但使用脚本标签显示模板是 fineuploader 等第三方库所需要的。

Answer 1

安装好上传器 npm 包

 npm install fine-uploader

将 loader.js 添加到您的资产文件夹，然后在您的 angular-cli.json

"scripts": ["./node_modules/fine-uploader/fine-uploader/fine-uploader.min.js"]

然后将此添加到您的 typings.d.ts

 declare var fineuploader:any;

并且您应该能够在您的组件中使用它

Answer 2

解决方法就是替换为.虽然，我无法找到将脚本标记保留在组件内的解决方案，但对于 fineuploader，替换元素对我来说是个窍门。