Question

所以我将按钮组转换为Bootstrap Tab，然后我的一个视图停止显示。我无法弄清楚我做错了什么，但我想我已经把它缩小到Tab，当Tabs被隐藏时重置我的模型。这就是我所拥有的：

控制器：

$ctrl.$onInit = function() {
    $ctrl.states = [ // for toggling which view to display
        'state0', // 0
        'state1', // 1
        ...
    ];
    $ctrl.currentState = $ctrl.states[3]; // this should show my forth view
};

查看：

<!-- setting to false for testing --> 
<div class="panel-body desktop hidden-xs hidden-sm" ng-show="false"> 
    <!-- here I use currentState to determine which one is active -->
    <uib-tabset active="$ctrl.currentState" type="tabs" justified="true"> 
        <uib-tab heading="Some Text" index="'state0'">
            <div class="text-center text-primary">Fields Marked With * Are Required.</div>
        </uib-tab>
        ...
    </uib-tabset>
</div>

当隐藏选项卡时，currentState设置为“”，而我的其他视图不会显示。

视图2：

<div class="panel-body" ng-show="$ctrl.currentState === 'state4'">
    ...
<div>

如何禁用此行为？我做过一些研究，但我没有发现任何人有这个问题。提前谢谢。

Answer 1

我想没有人遇到过这个问题。我找到了一个工作。

我添加了一个我无法显示的新标签。

<uib-tab heading="Some Text" index="'state4'" ng-show="false">
</uib-tab>

由于此状态现在存在一个选项卡，因此我的currentState变量不会被清除。我现在喜欢这个更好的答案，但现在它至少有用了。

Bootstrap选项卡在隐藏时清除我的模型

1 个答案: