1
<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 个选项卡。第 5 个选项卡是其余 4 个选项卡的摘要。在第 5 个选项卡中有链接。单击每个链接应打开相应的选项卡。如何使用 Angular js 实现?

4

2 回答 2

0

您可以简单地使用从ng-click 传递选项卡索引调用一个函数,该函数将更改 selectedTab

因为您已经为每个选项卡编写了函数,以防它被激活。因此无需再次编写路由代码。

于 2016-08-10T06:39:45.930 回答
0

解决方法是在 angularUI tabset 中操作 active 参数。您需要做的就是传递一个选项卡 ID 以某种方式激活到选项卡集。

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

于 2016-08-10T06:32:59.553 回答