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

Question

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

plubkr

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

更新的插头