Question

<uib-tabset active="selectedTab"> 
<uib-tab index="0" id="termsAndCondiotionTab" heading="TnCs">
<div class="panel-body">        
<form name="TandC" ng-submit="saveTermsAndConditions()">
<input type="radio" type="radio">Yes
<input type="radio" type="radio">No
<button type="submit" id="conditionSubmit" class="bin btn-primary">NEXT</button>                            
</uib-tab>
<uib-tab index="1" id="infrastructureTab" heading="Infrastructure ">
<div class="panel-body">        
    <form name="Infrastructure" ng-submit="saveInfrastructure()">
    <label>Terms and Conditions </label>
        <input type="radio" ng-model="object.infrastructure" type="radio">Yes
        <input type="radio" ng-model="object.infrastructure" type="radio">No
        <button type="submit" id="infraSubmit"  class="btn btn-primary">NEXT</button>
        </div>
</uib-tab>
</uib-tabset>

使用tabset创建了5个标签。第五个选项卡是其余4个选项卡的摘要。在第5个标签中有链接。单击每个链接应打开相应的选项卡。如何使用角度js实现？

Answer 1

变通方法是在angularUI tabset中操作active参数。你需要的一切就是传递一个id的tab来以某种方式激活到tabset。

https://angular-ui.github.io/bootstrap/#/tabs

Answer 2

您只需使用 ng-click 调用一个函数即可传递选项卡索引将改变 selectedTab

由于您已经为每个选项卡编写了函数，以防它变为活动状态。所以不需要再次编写路由代码。

单击链接时重定向到选项卡

2 个答案: