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

时间:2018-06-08 12:46:08

标签: javascript html angularjs bootstrap-4

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

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

基本上,有一个包含4个部分的旋转木马,而下一个/上一个箭头不能正常工作。但是,我留在底部的窄指示器让你在各部件之间自由移动。他们工作正常。此外,当保持不变时,序列继续应该(即自己改变)。

请注意,如果我将carousel.htmlng-view标记交换,则可以正常使用。

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

1 个答案:

答案 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