Угловой 5 - Импорт Bootstrap 3 Карусель - PullRequest
Новая
       33

Угловой 5 - Импорт Bootstrap 3 Карусель

0 голосов
/ 10 октября 2018

Я установил Bootstrap 3 и JQuery и правильно импортируется на мой .angular-cli.json, например, так: 

"styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.min.css",
    ...some-other-css
],
"scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/bootstrap/dist/js/bootstrap.min.js"
]

Я также реализовал базовую карусель, выполнив w3School Bootstrap Carousel

Двигаясь вперед, я собирался попытаться изменить несколько вещей на моем app.component.js, таких как интервал карусели и т. Д.

С JQuery, импортированным на мой app.component.js, мой ngOnInit() будет выглядеть примерно так: 

ngOnInit() {
    $('.carousel').carousel({
        interval: 500
    });
}

, который возвращает сообщение об ошибке: ERROR TypeError: $(...).carousel is not a function

Вещи, которые я пробовал :

  • Импорт начальной загрузки carousel.js в сценарии следующим образом:

"scripts": [ "../node_modules/jquery/dist/jquery.min.js", "../node_modules/bootstrap/dist/js/bootstrap.min.js", "../node_modules/bootstrap/js/carousel.js" ]

  • Используется ngx-bootstrap (оболочка Angular для Bootstrap),Но я не думаю, что это соответствует моим требованиям и не так настраиваемо
...