angularjs - How to Show/Hide buttons with Angular-UI static tabs -
angularjs - How to Show/Hide buttons with Angular-UI static tabs -
i need hide/show different buttons when sec tab clicked, , same when default tab 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>
put content of tab within <tab>
, remove 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
angularjs angular-ui-bootstrap
Comments
Post a Comment