具有角度的Fineuploader

时间:2017-05-29 12:04:42

标签: angular fine-uploader

我试图在Angular 4中集成fineuploader库。我指的是https://stackoverflow.com/a/44067445/4261569。我的问题太宽泛,无法在那里发表评论,看起来答案是针对Angular 2.自Angular发布第四版以来,已有很多事情发生了变化。

回到我的问题:Fineuploader使用

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

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

有没有其他方法可以在角度内集成fineuploader?我真的需要使用该库,因为它是IE9中唯一支持的,并提供直接的S3上传功能。

修改 问题不是关于以角度方式集成第三方库。关于在mycomponent.component.html文件中的内容。我知道出于安全原因,angular会剥离脚本标签,但使用脚本标签显示模板是第三方库(如fineuploader)所需要的。

2 个答案:

答案 0 :(得分:3)

安装精品上传器npm包

 npm install fine-uploader

将loader.js添加到您的assets文件夹,然后添加到angular-cli.json

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

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

 declare var fineuploader:any;

你应该可以在你的组件中使用它

答案 1 :(得分:-1)

解决方案就是替换为。虽然,我无法找到将脚本标记保留在组件内部的解决方案,但对于fineuploader,替换元素对我来说很有用。