How do I push pages onto "ion-nav" in Angular?

I want to use an ion-nav element to imitate a UINavigationController in iOS. The example found here only provides an example in Javascript and not in Angular. I don’t know how to programmatically push pages onto the ion-nav element on my page. I’ve tried using ViewChild to access the ion-nav on my HTML page. Is this the correct way I should do it?

<ion-nav #nav [root]="rootPage">

    <div class="ion-padding">
    <ion-button (click)="go()" expand="block">Start</ion-button>

import { Component, ElementRef, ViewChild } from '@angular/core';
import { Router } from '@angular/router';
import { NavController } from '@ionic/angular/dist/providers/nav-controller';
import { InspectionMenuPage } from 'src/app/inspection-menu/';
import { IonNav } from '@ionic/angular';

  selector: 'app-home',
  templateUrl: '',
  styleUrls: [''],
export class HomePage {

  @ViewChild('nav', {static: false}) nav: IonNav;

  constructor() {