2017-05-29 52 views
1

我正在嘗試在角4中集成fineuploader庫。我指的是https://stackoverflow.com/a/44067445/4261569。我的問題太廣泛了,無法在那裏發表評論,它看起來像Angular 2的答案。自從Angular發佈它的第4個版本以來,有很多事情發生了變化。Fineuploader與角

移動回到我的問題:Fineuploader使用

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

但是,如果我試圖把它列入我uploader.component.html文件。它只是腳本標籤的骨架。當我進一步研究它時,我發現它是角度應用程序的默認行爲。它剝離了組件中的所有腳本標籤。

是否有任何其他的方式集成fineuploader內角?我真的需要使用該庫,因爲它是IE9中唯一支持的功能,並提供直接的S3上傳功能。

編輯 問題不是關於整合第三方庫的角度。這是關於在mycomponent.component.html文件中。我知道出於安全原因角是剝離腳本標籤,但使用腳本標籤顯示模板是第三方庫,如fineuploader需要的東西。

+0

可能重複[角2 - 添加第三方庫](https://stackoverflow.com/questions/35796961/angular-2-adding-3rd-party-libs) – jonrsharpe

+0

您需要更具體你如何捆綁你的應用程序,以及出現什麼問題才能得到更具體的答案。您需要將任何腳本元素移至索引HTML,但可能完全避免它們。 – jonrsharpe

+0

@jonrsharpe不重複...因爲我能夠集成第三方庫。問題是任何component.html文件中的Angular strips

2

安裝精細上傳NPM包

npm install fine-uploader 

添加loader.js到您的資產文件夾,然後在你的角cli.json

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

然後添加到您的typings.d.ts

declare var fineuploader:any; 

並且您應該可以在您的組件中使用它