はい、この質問が繰り返されることがあります。しかし、私はちょうどこの設定が何らかの形で働くことを得ていません。 CDN経由のindex.htmlに直接ライブラリを取得最新のAngularバージョンでJQueryとBootstrapを正しく使用する方法
- ： は私がpretttyほとんどすべてを試してみました。
- NPM経由でインストールしてから、angular-cli.jsonスクリプトフィールドに追加します。
- エイリアス化されたJQuery（import * as 'jquery'）とプレーンなimport（import 'jquery'）の両方で、モジュールを直接コンポーネントにインポートします。
私は他の設定を試みました。ルートコンポーネントでインポートを行い、さまざまな場所でこれらのライブラリをインポートするようにしました...しかし、私はこの作業をしません。
現在、私はBootstrapモーダルとJQueryで動作するDatePickerコンポーネントの両方を動作させる必要がありますが、それは不可能です。ときどき私は '$は未定義です'を得て、時には他のエラーが出ることがあります。
これで、最新のAngularバージョンでrealの問題が解決されていますか？輸入はどのように行うべきですか？
ありがとうございました！
EDIT：現状：
"スタイル"：[ "Styles.cssを"、 」../node_modules
が角-cli.jsonファイルへの依存関係を追加しました/bootstrap/dist/css/bootstrap.min.css "、 " ../node_modules/font-awesome/css/font-awesome.css " ] " scripts "：[ " ../node_modules/jquery /dist/jquery.min.js "、 " ../node_modules/bootstrap/dist/js/b ootstrap.bundle.min.js」 ]、
- が、私はjQueryのに追加する必要がありますブートストラップ.modal（）関数を呼び出すしよう：
（$（ '＃のmyModal'）） .modal（{ 背景：真、 焦点：真、 ショー：真 }）
しかし、それだけで...スロー：
SegmentsComponent.html:15 ERROR ReferenceError: $ is not defined
at SegmentsComponent.openModal (segments.component.ts:55)
at Object.eval [as handleEvent] (SegmentsComponent.html:15)
at handleEvent (core.js:13255)
at callWithDebugContext (core.js:14740)
at Object.debugHandleEvent [as handleEvent] (core.js:14327)
at dispatchEvent (core.js:9704)
at eval (core.js:10318)
at HTMLAnchorElement.eval (platform-browser.js:2614)
at ZoneDelegate.invokeTask (zone.js:425)
at Object.onInvokeTask (core.js:4620)
助けが必要ですか？