Twitter bootstrap Bootstrap 2.x旋转木马幻灯片和ui.Bootstrap（angularjs）不一起工作

我对web开发真的很陌生，因此希望能得到一些帮助，以了解如何绕过Bootstrap和AngularJS的奇怪问题

我有一个旋转木马幻灯片，如下所示（我下载的一些免费模板）

但是，当我将“ui.bootstrap”添加到模块列表时，<&>旋转木马上的按钮就乱七八糟了，因为它向模块列表中添加了一些angularjs类

var myApp = angular.module('myApp', ["ui.bootstrap"]);

看起来像是在ui.bootstrap中，还有一个旋转木马，它把我的课程搞得乱七八糟。我想知道是否有人能解决这个问题

更新了Plunker链接和一些附加备注

链接：

如果您注意到这一点，我已经在app.js中加入了这个问题，可以在这里复制。只需删除“ui.bootstrap”就可以让代码正常工作，我能想到的原因是，在chrome中，它显示了它在我的（）

希望这有助于更好地理解这个问题

问候

---

Kiran

事实证明，当有一个类“ng non-bindable”应用于

<a class="right carousel-control ng-non-bindable" href="#myCarousel" data-slide="next">&rsaquo;</a>

---

它阻止了附加div的应用。现在它就像一个符咒。

你能发布一个plunkr吗？是的，如果没有一个最小的复制场景，很难说更多……我已经用更多的信息更新了我的帖子。

var myApp = angular.module('myApp', ["ui.bootstrap"]);

<div ng-class="{
'active': leaving || (active &amp;&amp; !entering),
'prev': (next || active) &amp;&amp; direction=='prev',
'next': (next || active) &amp;&amp; direction=='next',
'right': direction=='prev',
'left': direction=='next'

<a class="right carousel-control ng-non-bindable" href="#myCarousel" data-slide="next">&rsaquo;</a>