角UI选项卡的选择事件不像预期的那样工作

Question

我正在使用角用户界面表，如图所示，below.My问题是，内部uib-tabset select事件是在load moment.In上触发的，换句话说，没有单击该选项卡(heading="sorry").Can，您告诉我如何解决这个问题？

这是傻瓜。

 <uib-tabset active="active">
    <uib-tab index="0" heading="Static title">Static content</uib-tab>
    <uib-tab index="3" select="alertMe()">
      <uib-tab-heading>
        <i class="glyphicon glyphicon-bell"></i> Alert!
      </uib-tab-heading>
      I've got an HTML heading, and a select callback. Pretty cool!
    </uib-tab>

     <uib-tab heading="My issue">
        <uib-tabset type="pills">
            <uib-tab heading="sorry" select="alertMe()">

            </uib-tab>

        </uib-tabset>
     </uib-tab>

</uib-tabset>

Answer 1

您需要将内部嵌套uib-tabset的活动属性设置为null。默认情况下，总是选中第一个选项卡，因此执行alertMe函数。

<uib-tabset active="active">
  <uib-tab index="0" heading="Static title">Static content</uib-tab>
  <uib-tab index="3" select="alertMe()">
    <uib-tab-heading>
      <i class="glyphicon glyphicon-bell"></i> Alert!
    </uib-tab-heading>
    I've got an HTML heading, and a select callback. Pretty cool!
  </uib-tab>

  <uib-tab heading="My issue">
    <uib-tabset type="pills" active="null">
      <uib-tab heading="sorry" select="alertMe()">

      </uib-tab>

    </uib-tabset>
  </uib-tab>

</uib-tabset>

工作柱塞

OP的反馈:对我来说active="-1"成功了。