angularjs - Changing Tab using Button Click -


<div ng-cloak>   <md-content>    <md-tabs md-dynamic-height md-border-bottom>   <md-tab label="one">      <md-content class="md-padding">         <h1 class="md-display-2">tab one</h1>                        <md-button class="md-raised">save & next</md-button>     </md-content>   </md-tab>   <md-tab label="two"  ng-disabled="true">     <md-content class="md-padding">       <h1 class="md-display-2">tab two</h1>                <md-button class="md-raised">save & </md-button>     </md-content>   </md-tab>       </md-tabs> 

i using angular + angular material , there 2 tab menu "one" , "two" when clicked on "save & next" button next tab should enabled , foucs goes next tab , reverse things should happen when clicked on second tab "save & back" button

md-selected on md-tabs shows current index of tabs. can change index ng-click on button. should following

<div ng-cloak>  <md-content>   <md-tabs md-dynamic-height md-border-bottom md-selected="mytabindex">    <md-tab label="one">     <md-content class="md-padding">     <h1 class="md-display-2">tab one</h1>                    <md-button class="md-raised" ng-click="mytabindex = mytabindex+1">save & next</md-button>     </md-content>    </md-tab>    <md-tab label="two"  ng-disabled="true">     <md-content class="md-padding">      <h1 class="md-display-2">tab two</h1>                <md-button class="md-raised" ng-click="mytabindex = mytabindex-1">save & </md-button>     </md-content>    </md-tab>       </md-tabs> 

but should if next or previous tab disabled, method doesn't work, because cannot switch tab disabled.


Comments

Popular posts from this blog

amazon web services - S3 Pre-signed POST validate file type? -

c# - Check Keyboard Input Winforms -