对于AngularJS SPA项目,我正在使用ngRoute
以及Bootstrap的Carousel模板。但是,我遇到了一个问题,即使用ng-view
时,某些功能会立即停止工作,而不仅仅是将所有主体都放在主index.html
文件中。
我创建了demonstrating the bug here我能做到的最准骨头的Plunker。
基本上,有一个包含4个部分的轮播,下一个/上一个箭头无法正常工作。但是,我在底部留有狭窄的指示器,可让您在零件之间自由移动。他们工作正常。同样,当不加改动时,该序列将按其应有的方式(即自行更改)继续。
请注意,如果我将carousel.html
与ng-view
标记交换,则可以正常工作。
我刚刚开始学习使用AngularJS,非常感谢您的帮助。
最佳答案
如果您想继续使用AngularJS内部的BootstrapJs作为外部库,则必须对bootstrap carousel使用方法:.carousel('prev')
和.carousel('next')
然后创建相对的$scope
函数并将其链接到prev和next按钮, ng-click
。
这是您的plunker edited。
但是最好和更清洁的解决方案是将ui-bootstrap库用于AngularJS和Bootstrap。 This is a fork for Bootstrap 4