2017-05-29 9 views
1

私は角度4内にファインアップデータライブラリーを統合しようとしています。https://stackoverflow.com/a/44067445/4261569を参照していました。私の質問は広すぎてコメントできません。Angular 2の答えがそうであるように見えます。Angularが4番目のバージョンをリリースして以来、変更されたことがたくさんあります。角度付きファインアップローダー

は私の質問に戻って移動:私は私のuploader.component.htmlファイルに含めるしようFineuploaderは、しかし

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

を使用しています。これは、スクリプトタグを読み込むだけです。それについてもっと研究したところ、角度アプリのデフォルトの動作であることがわかりました。コンポーネント内のすべてのスクリプトタグを取り除きます。

角度の内側にファインローダを統合する別の方法はありますか?私は本当に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

は、あなたのtypings.d.tsにこれを追加し

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

あなたの角度-cli.jsonで、あなたの資産フォルダにloader.jsを追加細かいアップローダNPMパッケージに

npm install fine-uploader 

をインストール

declare var fineuploader:any; 

あなたのコンポーネントで使用できるはずです

関連する問題