如何使用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>

更新的插頭