2017-01-31 6 views
0

Angular 2がロードされる前に特定のファイルをロードすることはできますか?現時点では、jQuery, bootstrap, file.jsをグローバルにロードしていますが、これを含むangular-cli.jsonには、Angularを起動するとバンドルされます。Angular2コンポーネントの前に他のファイルをロードする方法

角度の前にfile.jsを先にロードすることはできますか?このfile.jsにjQueryをロードする必要があります。これは、jQueryのhttpリクエストがあるためです。 ../node_modules/jQueryangular-cli.jsonからindex.htmlに移動しようとしました。

角度-cli.json - 私はインデックスにjQueryとfile.jsを移動したとき、私はjQueryの定義されていない取得 - file.jsは角-cli.json

"scripts": [ 
    "../node_modules/jquery/dist/jquery.js", 
    "../node_modules/bootstrap/dist/js/bootstrap.js", 
    "./assets/js/file.js" 
    ], 

のindex.htmlにありました。あなたはjQuery($)を使用したい.TSファイルの上に

// in head tag 
<script src="../node_modules/jquery/dist/jquery.js"></script> 
<script src="../node_modules/bootstrap/dist/js/bootstrap.js"></script> 
<script src="./assets/js/config/env.js"></script> 
+0

file.jsを外部ファイルとしてバンドルするだけの理由はありますか?角型CLIでは、file.jsをangular-cli.jsonファイルの "scripts"配列に入れて、これを行います。ここをクリックしてください:http://www.tcoz.com/newtcoz/#/errataおよび「Angular 2(CLI)での外部スクリプトの使用」に進みます。 –

+0

ええと、今私はangular-cl.jsoniでバンドルしていますが、コンポーネントの前にfile.jsをロードする必要があります。 – MrNew

+0

@MrNewスクリプトを開始する前にライブラリをインポートします。それ以外の場合は、ライブラリ自体を登録しません。 –

答えて

0

、インポートは次

import $ from 'jquery'; 

は今、あなたはjqueryの関連事のため $を使用することができます。

+0

これを特定の.tsに入れるのではなく、グローバルとして使用できますか? – MrNew

+0

'typings'を使ってグローバルにインストールすることはできますが、わかりません。あなたが何かを見つけたら教えてください。 –

+0

'$ ajax'が動作するには、index.htmlのfile.jsの前にjqueryをロードする必要があります。だから、.tsで '$ 'をインポートするのがうまくいくかどうかは分かりません。おそらく私は通常のようにファイルをロードする必要があります。 – MrNew

関連する問題