Showing tab bar with javascript in Onsen UI -
i able hide tab bar when pushing new page. while coming main screen, not able show tab bar again script if press device button.
please help. following code :
module.run(function($rootscope){ $rootscope.incremental = 0; document.addeventlistener("backbutton", onbackkeydown, false); function onbackkeydown() { // handle button if ($rootscope.home.getpages().length > 1) { $rootscope.hide = 'false'; $rootscope.home.poppage(); e.preventdefault(); } else { $rootscope.incremental++; if($rootscope.incremental == 1){ ons.notification.confirm({ message: 'are sure want exit?', title: 'exit app?', buttonlabels: ['yes', 'no'], cancelable: true, callback: function(index) { if(index == 0){ navigator.app.exitapp(); } else { $rootscope.incremental = 0; e.preventdefault(); } } }); e.preventdefault(); } else { e.preventdefault(); } } } }); <ons-tabbar animation="fade" hide-tabs="{{$root.hide}}"> <ons-tab active="true" page="index.html"> <div class="tab"> <ons-icon icon="ion-home" class="tab-icon"></ons-icon> <div class="tab-label">home</div> </div> </ons-tab> <ons-tab page="about.html"> <div class="tab"> <ons-icon icon="ion-information-circled" class="tab-icon"></ons-icon> <div class="tab-label">about app</div> </div> </ons-tab> </ons-tabbar>
in corresponding controller can show again right ? have add show again inside controller , outside function. when click function again hide. when come show
Comments
Post a Comment