53

Angular 4 と CLI を使用して Angular アプリケーションを作成しています。コンポーネントの 1 つに SkyScanner 検索ウィジェットを追加しようとしています。

スカイスキャナー ウィジェットの例

実装の一部では、新しい外部スクリプトを追加する必要があります。

<script src="https://widgets.skyscanner.net/widget-server/js/loader.js" async></script>

このファイルを参照する正しい方法がわかりません。スクリプトを index.html ファイルに追加すると、ページ全体を更新しない限りウィジェットが読み込まれません。スクリプトはロード時に DOM を操作しようとし、スクリプトの実行時に要素が存在しないと仮定します。

Skyscanner ウィジェットを含むコンポーネントが読み込まれたときにのみスクリプトを読み込む正しい方法は何ですか?

4

12 に答える 12

1

できることは一つ

angular-cli.json がある場合

次に、スクリプトに宣言できます

お気に入り

"scripts": ["../src/assets/js/loader.js"]

そして、コンポーネントで skyscanner を宣言します

お気に入り

declare var skyscanner:any;

それでおしまい！

これがあなたを助けることを願っています

于 2017-05-31T10:04:03.257 に答える