javascript - 当第一个选项卡处于事件状态时，第二个选项卡不起作用

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 为 true 时，将显示默认的一个，当 getSectionData.isGood 为 false 时，将显示另一个自己的。

只要记住尽早设置getSectionData.isGood = true;，当您想要显示其他选项卡时设置getSectionData.isGood = false;。它将翻转哪一个处于事件状态。

此外，表达式周围不需要 ()。如果您想评估和表达，您可能必须执行{{getSectionData.isGood}}。这意味着该属性将看到 active="true" 而不是 active="getSectionData.isGood"。