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
Post a Comment