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