Geek Answers Handbook

Ionic2 Views not updated, code executes

I updated my projects and dependencies a bit. Whenever I create a page for the first time, (except the root), it does not work right away.

F / e I have a root page, which is a login form. Whenever a token is present in localStorage, it will be provided by the emitter to the login page. Then the entered NavController clicks on my main page, TabController.

This does not happen right away, I can choose a nose, go to the bathroom, remaining on the root page. It only pushes a new look when I actually focus my input. (It also shows a little black when it cannot make the page and ionic crashes when you do something wrong.

Then, on the tab page, the First tab does not display, however, when I click the first tab, the same for the other tabs, I need to double-click them (the tab bar is activated only by double-clicking). After that, everything works fine, but, of course, not what we want. Here is a video of what I see. If you pause the video at 0.0, you will see that the status of the log matches the token. It’s like in the code, right before clicking. A new page is triggered, the views are simply not updated until I clicked on an element similar to input.

ngOnInit() {
    this.sessionService.subscribe(token => {
        if (token && token.length) {
            console.log("token returned success!", token, this.navController);
            setTimeout( () => { this.navController.push(<any>MainTabs); }, 250 );
        } else {
            console.log("token returned", token);
        }
    });
}

Errors in the angular2 log and ion in the browser.

, , Push, , , , . ( . console.logs, ). , . "Acties", ( , ). , , .

Wierd?

+4
2

tick()

@App({
  template: `
    <ion-tabs (change)="_onTabChange()">
      <ion-tab tabIcon="heart" [root]="tab1"></ion-tab>
      <ion-tab tabIcon="star" [root]="tab2"></ion-tab>
    </ion-tabs>`
})
class MyApp {
  constructor(private _applicationRef : ApplicationRef) {
    this.tab1 = Tab1;
    this.tab2 = Tab2;
  }

  private _onTabChange() : void {
     setTimeout(() => {
       this._applicationRef.tick();
     }, 200);
  }
}

-,

+7

, ; , @PiereDuc, application.tick

( ?). ApplicationRef, - .

  setInterval(() => { app.tick(); }, 400);

, . , , .

+2

More articles:


All Articles