手动添加新标签并将焦点更改为它

时间:2014-11-18 20:17:43

标签: angularjs angular-ui-bootstrap

所以,在我的<tabset>我有3组标签。我首先有三个静态选项卡,然后是N个动态选项卡,然后是“添加选项卡”。

当您点击添加标签时,您会收到一个小输入,您可以使用该输入选择“图层类型”

当您选择一个时,它会添加该类型的新标签。

我要做的是让它选择新标签,然后取消选择“添加标签”。我已经尝试保留一组当前活动的选项卡并手动检查每个选项卡是否为“活动”,但由于某种原因,它始终认为最后一个选项卡处于活动状态,即使我手动将其设置为false并且拼接使用true将新的数据放入数组中。

有关如何实现这一目标的任何想法?

2 个答案:

答案 0 :(得分:0)

在标签中设置一个活动标志

        <tab header="..." active="tabs.tab1"....>

在控制器中设置选项卡的地图

        $scope.theTabs = {'tab1':false, 'tab2':false };

要使标签处于活动或非活动状态,您只需将标志设置为true / false

即可
        $scope.theTabs['tabl1'] = true;

效果很好。

答案 1 :(得分:0)

我基本上要做的就是删除有趣的东西&#34;从标签。这意味着没有选择菜单,没有可以聚焦的怪异控件等等。当这些菜单消失时,我对标签聚焦的问题也同样存在。