angular bootstrap 滚动标签

angular bootstrap scrolling tabs

伙计们,我是 AngularJs 和 javascript 的初学者。 在我的项目中,我正在使用这个插件 https://github.com/mikejacobson/angular-bootstrap-scrolling-tabs 但我面临错误,即使花了太多时间我也无法找到根本原因。 这是我的 HTML 代码 -

<div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre><code><div class="scrolling-tabs-container" ng-controller="MainController as main">
<div scrolling-tabs-wrapper>
<tabset ng-show="main.tabs.length" style="z-index: 50px;"> 
<tab ng-repeat="t in main.tabs" active="t.active" class="tabclass">
<tab-heading style="padding: 5px">{{t.title}}
<a ng-click="removeTab($index)" href=''>
<i class="selected-tab"></i>
<i class="icon-remove"></i>
</a>
</tab-heading>
<div ng-bind-html='to_trusted(t.content)'></div>
</tab>
</tabset>
</div>  
</div>

我已经包含了所需的 javascript 文件和 css 文件,但是当我尝试单击向左滚动箭头时遇到此错误-

TypeError: stc.$leftScrollArrow.add is not a function
at ElementsHandler.p.setElementReferences (scrolling-tabs.js:231)
at ElementsHandler.p.initElements (scrolling-tabs.js:170)
at __initTabsAfterTimeout (scrolling-tabs.js:525)
at angular-1.3.15.min.js:16298
at completeOutstandingRequest (angular-1.3.15.min.js:4924)
at angular-1.3.15.min.js:5312(anonymous function) @ angular-1.3.15.min.js:11654

有人用过这个插件吗?有人可以帮助我理解这个问题吗?请帮忙。

Amarpreet,确保 jQuery 在 angular 之前加载,因为 Issue on GitHub