Javascript JS在AngularJS ng视图中工作不正常

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

我已经创造了我所能创造的最赤裸裸的掠夺者

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

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

---

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

如果您想继续在AngularJS内部使用BootstrapJs作为外部库，您必须使用以下引导方法：.carousel'prev'和.carousel'next'，然后创建相对$scope函数，并用ng单击将其链接到prev和next按钮

这是你的

---

但最好的、更干净的解决方案是为AngularJS和bootstrap使用ui引导库

您需要用angular ui引导来代替引导js库，而不是使用引导js库。请在此处查看：。没有错误，您只需使用href=myCarousel更改路由，因此它将转到//myCarousel。它没有列出这样的路由。当，所以它去。否则，你总是被重定向到/家。简单地使用ui.bootstrap虽然这是正确的，但请按照建议使用角度ui引导。使用标准jQuery引导是一个令人头痛的方法。当然。使用角度ui引导是最好的解决方案。在标准库中，您正在做双重工作，这已经完成了。这意味着大多数有用的组件都是无关的？@TomDawn-查看angular ui bootstrap。它功能齐全。不，这是另一回事，这是一个简单的CSS类，你绝对可以使用它。我们指的是引导的javascript元素，而不是CSS。@TomDawn angular ui引导将所有引导javascript组件以更精确的角度转换为指令。因此，利用angular framework的所有优点，您可以更好地控制每个引导功能。