当第一个选项卡处于活动状态时，第二个选项卡不起作用

Question

我的页面中有几个选项卡，第一个选项卡是默认选项卡，但如果某些数据有误，第二个选项卡应该打开。我已尝试通过表达式设置默认选项卡，但是，如果表达式正在运行并且第二个选项卡已打开，则单击第一个选项卡不起作用，我做错了什么？

 <uib-tab heading="First Tab" active ="true">
     <div>blah blah blah  content...</div> 
 </uib-tab>

 <uib-tab heading="Second Tab" active ="!(getSectionData.isGood)">
     <div>blah blah blah content 2...</div>
 </uib-tab>

</uib-tabset>

Answer 1

 <uib-tab heading="First Tab" active ="getSectionData.isGood">
     <div>blah blah blah  content...</div> 
 </uib-tab>

 <uib-tab heading="Second Tab" active ="!getSectionData.isGood">
     <div>blah blah blah content 2...</div>
 </uib-tab>

</uib-tabset>

使用您现有的变量。当 getSectionData.isGood 为真时，将显示默认的一个，当 getSectionData.isGood 为假时，将显示另一个自己的。

请记住在您想要显示其他选项卡集 getSectionData.isGood = false; 的时候尽早设置 getSectionData.isGood = true;。它会翻转哪一个是活动的。

你也不需要 () 围绕表达式。如果你想评估和表达你可能必须做 {{getSectionData.isGood}}。这意味着该属性将看到 active="true" 而不是 active="getSectionData.isGood".

当第一个选项卡处于活动状态时，第二个选项卡不起作用

when first tab is active, second doesn't work

html

javascript

tabs

angularjs