Question

我有一个内置于AngularJS的网络应用，我使用$state来浏览我的不同views。我还使用了多个AngularUI Bootstrap组件和样式，以及其他Bootstrap tabs。

现在我想知道的是，如果有一些方法，结合ui-sref，在您点击链接并加载新view后激活特定标签。

实施例。我在Dashboard view上link，其中Test view直接链接到<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>

测试HTML

    driver.findElements(By.xpath("//*@class='android.widget.NumberPicker' znd @index='0']")).sendKeys(mon);

Answer 1

使用变量来表示选项卡是否处于活动状态，使用活动属性。在我的代码中，我使用了一个名为<Alloy> <Window class="container" backgroundColor="#000"> <View clipMode="Titanium.UI.iOS.CLIP_MODE_ENABLED" width="200"> <ImageView image="/images/Moonset_over_ESO's_Very_Large_Telescope.jpg" height="2336" width="3504"/> </View> </Window> </Alloy>的范围变量。

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>

角度状态改变后激活特定选项卡

1 个答案: