我试图在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)所需要的。
答案 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,替换元素对我来说很有用。