angular - Tabs disappears ionic 3 after push -


my tabs disappears after using this.navctrl.push(namepage);

i don't understand, need use @viewchild or function? have set tabshideonsubpages on false in app.module.ts

example : https://github.com/nicolas-pl/testmenu

files : src/pages/tabs/tabs.ts , src/pages/test/test.ts

import { component } '@angular/core';  import { navcontroller } 'ionic-angular';    import { aboutpage } '../about/about';  import { contactpage } '../contact/contact';  import { homepage } '../home/home';  import { testpage } '../test/test';  import { modalcontroller } 'ionic-angular';    @component({    templateurl: 'tabs.html'  })  export class tabspage {      tab1root = homepage;    tab2root = aboutpage;    tab3root = testpage;      constructor(public navctrl: navcontroller,public modalctrl: modalcontroller) {    }      openmodal() {      let mymodal = this.modalctrl.create(testpage);      mymodal.present();      }  }
<ion-tabs>    <ion-tab [root]="tab1root" tabtitle="home" tabicon="home"></ion-tab>    <ion-tab [root]="tab2root" tabtitle="about" tabicon="information-circle"></ion-tab>    <ion-tab (ionselect)="openmodal()" tabtitle="contact" tabicon="contacts"></ion-tab>  </ion-tabs>

test.ts (tabs disappears) 

import { component } '@angular/core';  import { ionicpage, navcontroller, navparams } 'ionic-angular';  import { homepage } '../home/home';  import { app, viewcontroller } 'ionic-angular';    @ionicpage()  @component({    selector: 'page-test',    templateurl: 'test.html',  })  export class testpage {      constructor(public viewctrl: viewcontroller, public navctrl: navcontroller, public navparams: navparams) {}    ionviewdidload() {}      openmenu() {    this.navctrl.push(homepage);  }    }

i have try this.navctrl.root(homepage); don't works..

thank in advance !

if need navigate overlay component (popover, modal, alert, etc) must below.

test.ts

export class testpage {     constructor(       public viewctrl: viewcontroller       public appctrl: app     ) {}      openmenu() {       this.viewctrl.dismiss();       this.appctrl.getrootnav().setroot(homepage);     }   }

you can read more it here(see under title navigating overlay component).


Comments

Post a Comment

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

i running os ububtu 16.04. ultimate goal able run php script cron job every minute. here php script located @ /var/www/html/tests/test/index.php : <?php $directorypath = $_server['document_root']."/tests/test/data/"; echo "directorypath: $directorypath<br><br>";//check $imagefilepathsarray = glob($directorypath . "*.{png,gif}", glob_brace); echo "<br><br>imagefilepathsarray: "; print_r($imagefilepathsarray);//check ?> when open php script in browser visiting url my-ip-address/tests/test/index.php , get: directorypath: /var/www/html/tests/test/data/ imagefilepathsarray:array( [0] => /var/www/html/tests/test/data/pic.png [1] => /var/www/html/tests/test/data/pic.gif ) before writing cron job in crontab file, need check if can run anywhere using terminal . opened ubuntu terminal @ /home/ location, , executed in terminal: sudo php /var/www/html/tests/test/index.php i got following out...
Read more

php - How can i create a user dashboard -

today have questions you, want create user dashboard site, include (obviously), users data, example -email -username -and others stuff how can information, , print them in html page? if can, how can these information via php sessions? shuld use session? example, if user login, , start new session ( session_start() ), how can data print in dashboard? should use php "project"? in advice, have day , thank time!
Read more

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -

i have jquery mobile page fixed full-screen toolbar, data-tap-toggle enabled. straight under toolbar have positioned banner should slide upwards when toolbar hiding , slide downward when toolbar showing. jquery mobile toggles toolbar applying , removing ui-fixed-hidden class - sadly, can't find in documentation of toolbar widget toggle , hide or show event that. how can detect when toolbar toggled, reposition banner? .banner { position: fixed; background-color: darkseagreen; top: 46px; min-height: 48px; width: 100%; text-align: center; line-height: 48px; } <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"> <script src="https://code.jquery.com/jquery-1....
Read more