web-dev-qa-db-ja.com

angular 2プロジェクトで外部JSライブラリを使用する

angular 2プロジェクトで このJSライブラリ を使用する必要があります

この質問は私と同じかもしれませんが、答えは私のためにうまくいきませんでした

Index.htmlページにスクリプトタグとしてライブラリを含めようとしました

常に表示されない http:// localhost:8100/PrayTimes.js ファイルが存在しない

また、私は上記のこのコードを書きました

declare var PrayTimes:any;

私はコンストラクタでそれを使用しようとしましたが、このエラーが発生しています

PrayTimesは定義されていません

29
Ahmed Mohsen

すべてのJavaScript、外部CSS、画像などをsrc/assetsに配置します

build/assetsにコンパイルされます)

あなたのindex.html<script src="assets/yourJavascript.js"></script>

その後、説明どおりに使用できます。 (declare var PrayTimes: any;

45
Ivar Reukers

Angular-cliを使用する場合、すべての外部JSファイルをassetsフォルダーに追加できます。そして、angular-cli.jsonでそれらを追加します:

"scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js",
        "../node_modules/moment/moment.js",
        "../node_modules/chart.js/dist/Chart.bundle.min.js",
        "../node_modules/chart.js/dist/Chart.min.js",
        "../node_modules/ng2-datetime/src/vendor/bootstrap-datepicker/bootstrap-datepicker.min.js",
        "./assets/js/slimscroll.min.js",
        "./assets/js/inspinia.js",
        "./assets/js/metisMenu.js",
        "./assets/js/footable.all.min.js"
      ]

外部スタイルでもできます:

"styles": [
        "../node_modules/ng2-toastr/bundles/ng2-toastr.min.css",
        "../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss",
        "../node_modules/font-awesome/scss/font-awesome.scss",
        "../node_modules/ng2-datetime/src/vendor/bootstrap-datepicker/bootstrap-datepicker3.min.css",
        "./assets/scss/plugins/footable/footable.core.css",
        "./assets/scss/style.scss"
      ]

そしてもちろんあなたは正しいです、そしてあなたはtypings.d.tsを追加する必要があります:

declare var PrayTimes:any;
declare var System: any;
declare var $: any;
declare var moment: any;
declare var Chart: any;
56