Javascript 如何关闭AngularJS中的活动选项卡？

我的选项卡工作得很好，但我不知道如何在再次单击同一选项卡时关闭它们。正如您所见，我可以将鼠标悬停在选项卡上并单击它们，但无法重新单击以关闭它们

额外的想法-我也希望能够悬停在它们上面，并有信息预览

app.js-

app.controller("TabController", function() {
    this.tab = 0;

    this.isSet = function(checkTab) {
      return this.tab === checkTab;
    };

    this.setTab = function(setTab) {
      this.tab = setTab;
    };
  });

index.html-

<span class="pull-right" ng-controller="TabController as tab">
          <ul class="nav nav-pills">
            <li ng-class="{ active:tab.isSet(1) }">
              <a href="" ng-click="tab.setTab(1)">News</a>
            </li>
            <li ng-class="{ active:tab.isSet(2) }">
              <a href="" ng-click="tab.setTab(2)">Scores</a>
            </li>
            <li ng-class="{ active:tab.isSet(3) }">
              <a href="" ng-click="tab.setTab(3)">Alternate Sites</a>
            </li>
          </ul>

          <div ng-show="tab.isSet(1)">
            {{site.news}}
          </div>

          <div ng-show="tab.isSet(2)">
            <blockquote>Governance - {{site.goverance}} | Environment - {{site.environment}} | Community - {{site.community}}</blockquote>
            Powered by CSRhub
          </div>

          <div ng-show="tab.isSet(3)">
            <section ng-show="site.alternatives.length">
              <ul class="list-inline thumbs">{{site.alternatives}}</ul>
            </section>
          </div>
        </span>
        </span>

{{site.news}
治理{site.goverance}}环境{{site.Environment}}社区{{site.Community}
由CSRhub提供动力
{{site.alternations}}

我认为您要做的是：

app.controller("TabController", function() {
    this.tab = 0;

    this.isSet = function(checkTab) {
      return this.tab === checkTab;
    };

    this.setTab = function(setTab) {
      if(setTab==this.tab)
          this.tab=-1
      else
          this.tab = setTab;
    };
  });

---

是的，很有效！你知道如何使用AngularJS让鼠标悬停或悬停来显示内容吗？@user3709592我不知道你的意思，不知道你如何假装显示它或在哪里。。。如果你愿意，你可以再问一个问题。