Question

单击第二个选项卡时需要隐藏/显示不同的按钮，单击默认选项卡时相同

 <tabset>
<tab heading="Home" select="showme=true"></tab>
<tab heading="Detail" select="showme=true"></tab>
 </tabset>
<div>
<input ng-hide="showme"  type="button" value="Update Home"/>
<input ng-hide="showme" type="submit" value="Save Home"/>

<input ng-show ="showme" type="button" value="Update Detail"/>
<input ng-show="showme"  type="submit" value="Save Detail" />
 </div>

Answer 1

将标签的内容放在<tab>内，然后移除ng-hide / ng-show：

<tabset>
  <tab heading="Home" select="showme=true">

    <input type="button" value="Update Home"/>
    <input type="submit" value="Save Home"/>

  </tab>
  <tab heading="Detail" select="showme=true">

    <input type="button" value="Update Detail"/>
    <input type="submit" value="Save Detail" />

  </tab>
</tabset>

更新了plunker

如何使用Angular-UI静态选项卡显示/隐藏按钮

1 个答案: