Javascript 根据条件移动导航选项卡

如果满足条件，我需要将导航选项卡移动到订阅选项卡。我是空白的，不知道。非常感谢你的任何帮助。 我的HTML代码：

<div class="matches-tabs">
    <ul class="nav nav-tabs" id="myTab" role="tablist">
        <li class="nav-item" role="presentation"><a class="nav-link active" id="all-matches-tab" data-toggle="tab" href="#all-matches" role="tab" aria-controls="all-matches" aria-selected="true">Home</a></li>

        <li class="nav-item" role="presentation"><a class="nav-link" id="upcoming-matches-tab" data-toggle="tab" href="#upcoming-matches" role="tab" aria-controls="upcoming-matches" aria-selected="false">Upcoming Matches</a></li>

        
        <li class="nav-item" role="presentation"><a class="nav-link" id="Subscription-tab" data-toggle="tab" href="#Subscription" role="tab" aria-controls="Subscription" aria-selected="false">Subscription</a></li>
    </ul>

    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade show active" id="all-matches" role="tabpanel" >
           Tab 1
        </div>
   
        <div class="tab-pane fade" id="upcoming-matches" role="tabpanel">
          Tab 2
        </div>
       
        <div class="tab-pane fade" id="Subscription" role="tabpanel">
        Tab 3
        </div>
    </div>
</div>

---

请将我的选项卡更改为订阅。

据我从您的html代码中了解。您需要从angularJS控制器绑定html数据。例如“动态标签”。目前，您只能使用CSS选择器进行选择

但如果您不想动态管理选项卡，可以使用ng类，如

<li class="nav-item" role="presentation"><a class="nav-link active" id="all-matches-tab" data-toggle="tab" href="#all-matches" role="tab" aria-controls="all-matches" aria-selected="true">Home</a></li>

To => ng-class="isActiveTab ? 'active' : '' " 

To=>ng class=“isActiveTab？”活动“：”

如果满足条件（$scope.balance>=matchfee），我的要求是转到subscription选项卡。ng class=“isActiveTab？”active'：''如何帮助？？

<li class="nav-item" role="presentation"><a class="nav-link active" id="all-matches-tab" data-toggle="tab" href="#all-matches" role="tab" aria-controls="all-matches" aria-selected="true">Home</a></li>

To => ng-class="isActiveTab ? 'active' : '' "