如何使用Angular将页面推送到Ionic中的ion-nav元素上？

// 在Angular中创建一个新的组件
import { Component } from '@angular/core';

@Component({
  selector: 'app-my-page',
  templateUrl: 'my-page.component.html',
  styleUrls: ['my-page.component.scss']
})
export class MyPageComponent {
  // 定义页面的逻辑和行为
  // ...
}

// 在Ionic的主页面中导入该组件，并将其添加到ion-nav元素的页面堆栈中
import { Component } from '@angular/core';
import { NavController } from '@ionic/angular';
import { MyPageComponent } from './my-page/my-page.component';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss']
})
export class AppComponent {
  constructor(private navCtrl: NavController) {}

  pushPage() {
    // 将页面推送到ion-nav元素上
    this.navCtrl.push(MyPageComponent);
  }
}