Add a prefix to all constructors in Ionic 3 code

Question

Is there a way to automatically redirect if not logged in on all pages without having to duplicate the code?

  constructor(private appCtrl: AppController) {
    this.appCtrl.redirectIfNotLoggedIn();
  }

Answer 1

Answer №1

A clever solution would be to create a BaseComponent class that includes the implementation of ionViewCanEnter, which returns a boolean value.

This function runs before the view is displayed, acting as a gatekeeper in authenticated views where permission checks are necessary.

export class BaseComponent{
  constructor(){}

  ionViewCanEnter(){
    // Check login status and return boolean value
  }

}

All pages can now extend this component.

export class MyPage extends BaseComponent{
  //...
}

To ensure proper functionality, consider using NavGuard instead of directly calling

this.appCtrl.redirectIfNotLogedIn();

in the BaseComponent constructor.

Answer 2

A clever solution would be to create a BaseComponent class that includes the implementation of ionViewCanEnter, which returns a boolean value.

This function runs before the view is displayed, acting as a gatekeeper in authenticated views where permission checks are necessary.

export class BaseComponent{
  constructor(){}

  ionViewCanEnter(){
    // Check login status and return boolean value
  }

}

All pages can now extend this component.

export class MyPage extends BaseComponent{
  //...
}

To ensure proper functionality, consider using NavGuard instead of directly calling

this.appCtrl.redirectIfNotLogedIn();

in the BaseComponent constructor.