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

Popular posts from this blog

How to use SUM() in MySQL for calculated values -

in mysql, dont know how use function sum calculated values. could me please? in code below, latest part. thing want add row @ end, summarizing "calculado" column thank in advance select p.id_order ref, concat (di.firstname,' ',di.lastname) nombre, ca.weight peso, if (ca.weight<1,(1), if (ca.weight>=1 , (ca.weight<3),(2), if (ca.weight>=3 , (ca.weight<5),(3), if (ca.weight>=5 , (ca.weight<8),(4), if (ca.weight>=8 , (ca.weight<10),(5), if (ca.weight>=10 , (ca.weight<15),(6), if (ca.weight>=15 , (ca.weight<20),(7), if (ca.weight>=20,(ca.weight*(0.5)),'error' )))))))) calculado, p.invoice_date fecha ps_orders p left join ps_address di on (p.id_address_delivery = di.id_address) left join ps_order_carrier ca on (p.id_order = ca.id_order) date(p.invoice_date) >= concat(date_format(last_day(now...
Read more

loops - Spock: How to use test data with @Stepwise -

i used @stepwise automation. 8 test methods running sequentially complete process. 1 of methods take parameter , want pass different parameters method. but problem is: method takes first set of parameter, parameters processed and instead of proceeding next method, method takes next set of parameter. the source looks like: @stepwise class aosearchpagetest extends gebreportingspec { def "first_method"() { } def "second_method"() { when: @ particularpage then: process(area) process(coutntry) process(airport) process(dest_area) process(dest_coutntry) process(dest_airport) where: area << ["asia","europe"] country << ["japan","uk"] port << ["narita","london"] dest_area << ["asia","europe"] dest_country << ["k...
Read more