如何 select 目标文件中的特定选项卡

Question

我在 html 页面中有两个按钮，如果单击第一个按钮，我想 select 目标 html 文件中的第一个选项卡。如果单击第二个按钮，我想 select 目标 html 文件的第二个选项卡。

可能吗？我听说过 ui-sref-active，但我不知道如何将它应用到我的案例中。

在我的 home.html 页面中，我有：

<div class="col-md-1">
    <button class="btn btn-info btn-lg" ui-sref="tab1"></button><br>Tab1
</div>
<div class="col-md-1">
    <button class="btn btn-info btn-lg" ui-sref="tab2"></button><br>Tab2
</div>

ui-路由器：

.state('tab1', {
    parent: 'entity',
    url: '/tabs',
    views: {
        'content@': {
        templateUrl: 'app/entities/tabs.html',
        controller: 'TabsController',
        controllerAs: 'vm'
        }
    },
    resolve: {
    }
})

.state('tab2', {
    parent: 'entity',
    url: '/tabs',
    views: {
        'content@': {
        templateUrl: 'app/entities/tabs.html',
        controller: 'TabsController',
        controllerAs: 'vm'
        }
    },
    resolve: {
    }
})

tabs.html :

<uib-tabset active="activeForm" id="rapportAlerteForm">
    <uib-tab
        index="0" heading="Tab1">
    </uib-tab> 
    <uib-tab
        index="1" heading="Tab2">
    </uib-tab> 
</uib-tabset>

Answer 1

如果对您有帮助，请查看plunkr - https://plnkr.co/edit/xq0DyenMHwPse4CO9KJO?p=preview

<p><button type="button" class="btn btn-default btn-sm" ng-click="active = 1">Select second tab</button>
<button type="button" class="btn btn-default btn-sm" ng-click="active = 2">Select third tab</button>  </p>

如何 select 目标文件中的特定选项卡

How to select particular tab in target file

angularjs

angular-ui-router