JS не работает должным образом с AngularJS нг-зрения

Question

для проекта AngularJS SPA Я использую ngRoute, а также шаблон Карусели Bootstrap.Однако я столкнулся с проблемой, когда некоторые функции перестали работать, как только я использовал ng-view вместо того, чтобы просто поместить все основное тело в основной файл index.html.

Я создал самый простойЯ могу продемонстрировать ошибку здесь .

По сути, есть карусель, состоящая из 4 частей, и стрелки «Следующая / Предыдущая» не работают должным образом.Однако я оставил внизу узкие индикаторы, позволяющие свободно перемещаться между частями.Они работают правильно.Кроме того, последовательность продолжается, как и должно (т.е. изменяется сама по себе), если ее не трогать.

Обратите внимание, что если я поменяю carousel.html с тегом ng-view, он будет работать нормально.

IЯ только начал учиться использовать AngularJS и буду признателен за любую помощь.

Answer 1

Если вы хотите продолжить использовать BootstrapJs внутри AngularJS в качестве внешней библиотеки, вы должны использовать методы начальной загрузки для bootstrap carousel : .carousel('prev') и .carousel('next'), затем создать относительные $scope функции и ссылкуэто к предыдущей и следующей кнопке с ng-click.

Это ваш отредактированный плункер .

Но лучшим и более чистым решением было бы использование библиотеки ui-bootstrap для AngularJS и Bootstrap. Это форк для Bootstrap 4