использование внешних библиотек JS в моем проекте Angular 2

javascript angular typescript ionic2 ionic3

51093 просмотра

2 ответа

223 Репутация автора

Мне нужно использовать эту библиотеку JS в моем проекте Angular 2

этот вопрос может быть дубликатом со мной, но никакой ответ не работал для меня

Я попытался включить библиотеку в качестве тега скрипта в мою страницу index.html.

Он всегда не видит его http: // localhost: 8100 / PrayTimes.js файл не существует

также я написал этот код выше

declare var PrayTimes:any;

Я пытался использовать его в своем конструкторе, но я получаю эту ошибку

PrayTimes не определяется

Автор: Ahmed Mohsen Источник Размещён: 13.12.2016 12:06

Ответы (2)

45 плюса

5482 Репутация автора

Решение

Поместите все JavaScript, внешние CSS, изображения и т. Д. В src/assets

(будет скомпилировано в build/assets)

В вашем index.html:<script src="assets/yourJavascript.js"></script>

Тогда вы можете просто использовать его, как вы описываете. ( declare var PrayTimes: any;)

Автор: Ivar Reukers Размещён: 13.12.2016 12:39

56 плюса

616 Репутация автора

Если вы используете angular-cli, вы можете добавить все ваши внешние JS-файлы в папку активов. А затем 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;
Автор: Korotkikh Mikhail Размещён: 13.12.2016 12:52
Вопросы из категории :
32x32