当第一个标签处于活动状态时,第二个标签不起作用

时间:2015-12-04 14:27:16

标签: javascript html angularjs tabs

我的页面中有几个选项卡,第一个选项卡是默认选项卡,但如果某些数据错误,则应打开第二个选项卡。我已尝试通过表达式设置默认标签,但是,如果表达式正常并且第二个标签处于打开状态,请点击第一个标签不起作用,我做错了什么?

 <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>

1 个答案:

答案 0 :(得分: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"