Javascript AngularJS ng重复输入<；选项卡>；使用ng单击以选择选项卡

新的角度和标签选择卡。我试图在angularJS中使用

和

，并试图在我点击html中的给定选项卡时在ng click上调用函数。但是，由于某种原因，无法调用该方法，并且无法打印所选的选项卡。代码如下：

<div class="wrapper wrapper-content animated fadeIn">
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h1 style="text-align:center">Submitted Deliveries</h1>
    </div>
</div>
<br>
<div class="row">
    <div class="col-lg-12">
        <div class="tabs-container">

            <tabset>
                <tab ng-repeat="priority in vm.priorities" ng-click="vm.setTab(priority)" heading={{priority}}>
                    <div class="panel-body">
                        <delivery-directive></delivery-directive>
                    </div>
                </tab>
            </tabset>

        </div>
    </div>
</div>

</div>

---

这里缺少什么建议吗？

您是否使用tabset和tab的指令，如angular ui？如果是这样的话，dom节点可能会被移动，从而使您正在单击的对象与您认为正在单击的dom节点不同。对于angular ui，选项卡有一个选择事件处理程序，您可以使用：

  <tabset>
      <tab ng-repeat="priority in vm.priorities" select="vm.setTab(priority)" heading="{{priority}}">...</tab>
  </tabset>

...

注意：angular ui的最新版本使用uib前缀，因此现在应该是

 <uib-tabset> 
     <uib-tab ng-repeat="priority in vm.priorities" select="vm.setTab(priority)" heading="{{priority}}">...</uib-tab>      
 </uib-tabset>

...      

我试过了。结果仍然没有改变。不点击我的控制器中的

vm.setTab

方法。是的，我正在使用自定义指令。如果您查看下面的HTML是一个自定义指令，您是在使用angular ui tab指令，还是这也是您自定义的？angular ui tab指令。不使用任何自定义的标签。。。你有没有可能创造出小提琴或普朗克来展示这个问题？