3

我有一个内置的网络应用程序，AngularJS用于$state浏览不同的views. 我还使用了几个AngularUI Bootstrap组件和样式，以及其他Bootstrap 选项卡。

现在我想知道的是，ui-sref在您单击链接并view加载新选项卡后，是否有某种方法可以与 结合使用来激活特定选项卡。

前任。我在Dashboard view哪里有一个link直接链接到第二个标签的地方Test view

仪表板 html

<div class="panel">
   <div class="panel-heading">
       <h4">Go to Test view and activate Image tab</h4>
   </div>
   <div class="panel-body">
       <a ui-sref="app.test({id: id})" class="btn btn-info">Test</a>
   </div>
</div

测试html

<tabset class="nav-tabs-alt" justified="true">
    <tab>
        <tab-heading>Information</tab-heading>
        <div class="Content">...</div>
    </tab>
    <tab>
        <tab-heading>Image</tab-heading>
        <div class="Content">...</div>
    </tab>
</tabset>
4

1 回答 1

3

使用变量来表示使用active属性的选项卡是否处于活动状态。在我的代码中，我使用了一个名为imageActive.

 <tabset class="nav-tabs-alt" justified="true">
    <tab active="informationActive">
        <tab-heading>Information</tab-heading>
        <div class="Content">...</div>
    </tab>
    <tab active="imageActive">
        <tab-heading>Image</tab-heading>
        <div class="Content">...</div>
    </tab>
</tabset>

然后单击链接适当地设置此变量，这将激活第二个选项卡：

 <a class="btn btn-info" ng-click="imageActive= true;">Test</a>
于 2016-02-09T14:59:28.570 回答