Question

我在html页面中有两个按钮，如果我单击第一个按钮，则要选择目标html文件中的第一个标签。如果单击第二个按钮，则要选择目标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-router：

.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

检查是否对您有帮助- 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>

如何在目标文件中选择特定选项卡

1 个答案: