использование внешних библиотек JS в моем проекте Angular 2
51093 просмотра
2 ответа
Мне нужно использовать эту библиотеку JS в моем проекте Angular 2
этот вопрос может быть дубликатом со мной, но никакой ответ не работал для меня
Я попытался включить библиотеку в качестве тега скрипта в мою страницу index.html.
Он всегда не видит его http: // localhost: 8100 / PrayTimes.js файл не существует
также я написал этот код выше
declare var PrayTimes:any;
Я пытался использовать его в своем конструкторе, но я получаю эту ошибку
Автор: Ahmed Mohsen Источник Размещён: 13.11.2019 11:35PrayTimes не определяется
Ответы (2)
45 плюса
Поместите все JavaScript, внешние CSS, изображения и т. Д. В src/assets
(будет скомпилировано в build/assets
)
В вашем index.html
:<script src="assets/yourJavascript.js"></script>
Тогда вы можете просто использовать его, как вы описываете. ( declare var PrayTimes: any;
)
56 плюса
Если вы используете 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
Вопросы из категории :
- javascript Как определить, какой из указанных шрифтов был использован на веб-странице?
- javascript Валидация клиентской стороны ASP.Net
- javascript Длина объекта JavaScript
- javascript Получение текста из выпадающего списка
- angular Как я могу проверить, какую версию Angular я использую?
- angular AngularJS: Как очистить параметры запроса в URL?
- angular угловой: переключить текст кнопки на основе логического значения в модели
- angular Угловое 2: Обязательно ли использовать скобки / квадратные скобки?
- typescript Преобразование TypeScript в JavaScript
- typescript Не удается найти компилятор Typescript: недопустимая команда "tsc"
- typescript Как создать тип перечисления типа TypeScript?
- typescript Есть ли способ сделать перегрузку метода в TypeScript?
- ionic2 Как играть в mp3 с Angular 2?
- ionic2 Ionic 2 - вкладка потеряла навигацию назад
- ionic2 Как установить динамический идентификатор в * ngFor?
- ionic2 webpack CommonsChunkPlugin не работает, как ожидается
- ionic3 Как пользоваться сервисом angular 2 с Ionic 2?
- ionic3 Как скрыть навигационную панель с вкладками в Ionic 2?
- ionic3 Ionic 2 - глобальный NavBar для приложения
- ionic3 Получить данные асинхронно до того, как `Page` будет обработан