How to Show/Hide buttons with Angular-UI static tabs

Question

I need to Hide/Show different Buttons when a second tab is clicked, and the same when the default tab is clicked

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

Put the content of the tab inside the <tab> and remove the 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>

Updated plunker