对于AngularJS SPA项目我使用ngRoute
以及Bootstrap的Carousel模板。但是,我遇到了一个问题,即只要我使用ng-view
而不是将所有主体放在主index.html
文件中,某些功能就会停止工作。
我创造了最简单的Plunker demonstrating the bug here。
基本上,有一个包含4个部分的旋转木马,而下一个/上一个箭头不能正常工作。但是,我留在底部的窄指示器让你在各部件之间自由移动。他们工作正常。此外,当保持不变时,序列继续应该(即自己改变)。
请注意,如果我将carousel.html
与ng-view
标记交换,则可以正常使用。
我刚刚开始学习使用AngularJS,非常感谢任何帮助。
答案 0 :(得分:1)
如果要继续在AngularJS中使用BootstrapJs作为外部库,则必须使用bootstrap carousel的引导方法:.carousel('prev')
和.carousel('next')
然后创建相对$scope
功能并使用ng-click
将其链接到上一个和下一个按钮。
这是你的plunker edited。
但最好和更清洁的解决方案是使用ui-bootstrap库用于AngularJS和Bootstrap。 This is a fork for Bootstrap 4