javascript - JS 无法与 AngularJS ng-view 一起正常工作

Question

对于 AngularJS SPA 项目，我使用 ngRoute 以及 Bootstrap 的 Carousel 模板。但是，我遇到了一个问题，当我使用 ng-view 而不是将所有主体都放在主 index.html 中时，某些功能就停止工作了文件。

我创造了我能创造的最简单的 Plunker demonstrating the bug here .

基本上，有一个包含 4 个部分的旋转木马，下一个/上一个箭头不能正常工作。但是，我在底部留下了狭窄的指示器，让您可以在各部分之间自由移动。他们工作正常。此外，当保持不变时，序列会继续(即自行更改)。

请注意，如果我将 carousel.html 与 ng-view 标记交换，它可以正常工作。

我刚刚开始学习使用 AngularJS，非常感谢任何帮助。

Answer 1

如果你想继续在 AngularJS 中使用 BootstrapJs 作为外部库，你必须使用 bootstrap carousel 的引导方法。 : .carousel('prev') 和 .carousel('next') 然后创建相关的 $scope 函数并将其链接到 prev 和使用 ng-click 的下一个按钮。

这是你的 plunker edited .

但是最好和更简洁的解决方案是为 AngularJS 和 Bootstrap 使用 ui-bootstrap 库。 This is a fork for Bootstrap 4