использование внешних JS-библиотек в моем проекте с угловым 2
Мне нужно использовать эту библиотеку JS в моем проекте с угловым 2
этот вопрос может дублироваться со мной, но никакой ответ не помог мне
Я попытался включить библиотеку как тег сценария на мою страницу index.html
- Угловая привязка HTML
- Как я могу применить ограничение количества к * ngFor?
- Что такое ngDefaultControl в Angular?
- Angular2 SEO - Как сделать угловое приложение с возможностью сканирования 2
- Угловое 2: Как обнаружить изменения в массиве? (свойство @input)
Он всегда не видит его http: // localhost: 8100 / PrayTimes.js файл не существует
также я написал этот код выше
declare var PrayTimes:any; Я пытался использовать его в моем конструкторе, но я получаю эту ошибку
PrayTimes не определен
- Что такое эквивалент httpinterceptor в угловом2?
- Угловой 2.0 и модальный диалог
- Почему я получаю ошибку ... неожиданный запрос: GET / internalapi / quotes
- Динамически установить значение ui-sref Angularjs
- Миграция AngularJS в Angular 4,5 (с DEMO)
- Angular2 http.post выполняется дважды
- Как использовать плагин jQuery с угловым 4?
- Когда я обновляю свой сайт, я получаю 404. Это с Angular2 и firebase
Поместите все javascript, внешние css, изображения и т. Д. В src/assets
(будет скомпилирован для build/assets )
В вашем index.html :
Тогда вы можете просто использовать его, как вы описываете. ( declare var PrayTimes: any; )
Если вы используете 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;