feat: Add a new lifecycle hook that runs once after ngOnInit

New Lifecycle Hook for Ionic Angular

Ionic version: [x] 4.x

I feel that it would be nice to include a new ionic lifecycle hook that runs only one time after the view enters or right after ngOnInit.

Currently, when calling Http services from ngOnInit it blocks the navigation button on the previous page from transitioning and can confuse the user as to whether the button has received their click or not.

Possible solution

It would be nice to have the life cycle hooks go like ngOnInit() -> ionFirstViewEnter() -> ionViewWillEnter() -> ionViewDidEnter() -> ...

Current solution I am using

Right now to get around ngOnInit from blocking I have used this code

  public userItemList: IUserItem[];
  private initialResultsShown = false;

  /**
   * Show recommended users
   */
  public ionViewDidEnter() {
    if (!this.initialResultsShown) {
      this.http.searchUsers('').toPromise().then((res) => {
        this.userItemList = res;
        this.initialResultsShown = true;
      }).catch(err => console.log(err));
    }
  }

What I would like

  public userItemList: IUserItem[];

  /**
   * Show recommended users
   */
  public ionFirstViewEnter() {
    this.http.searchUsers('').toPromise().then((res) => {
      this.userItemList = res;
      this.initialResultsShown = true;
    }).catch(err => console.log(err));
  }

Cheeeeeers

[oleg-semyonov]

@liamdebeasi OK, sure!

[ionitron-bot[bot]]

Thanks for the issue! This issue is being closed due to the lack of a reply. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Thank you for using Ionic!