Cordova 我可以从离子组件导航到离子页面吗？

我正在用Ionic框架开发一个应用程序。它可能会快速增长，我想学习如何调整和正确地重用页面、组件等

因此，出现了这个问题，我无法用自己的方式解决： 是否可以从组件调用模式或页面（使用NavController）

假设我们有一页。在它里面，我想使用几个可重用的组件

任何页面：

<ion-content>
   <my-component-1> </ my-component-1>
   <my-component-2> </ my-component-2>
</ ion-content>

例如，my-component-1应该是一个将我们发送到另一个页面或模式的按钮

• 如果我想使用延迟加载并避免“无组件”呢 找到MyPage的工厂“
• 我应该在哪个模块中声明我的页面

---

以下是一个基本实现：
.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
// import your pages

@Component({...})
export class SomePage {

  constructor(public navCtrl: NavController) {}

  openComponentOne(){
    this.navCtrl.push(FirstPage)
    // OR
    // this.navCtrl.setRoot(OnePage)
  }

  openComponentTwo(){
    this.navCtrl.push(SecondPage)
    // OR
    // this.navCtrl.setRoot(SecondPage)
  }
}

.html

<ion-content padding>
  <button ion-button (click)="openComponentOne()">
    Component One
  </button>
  <button ion-button (click)="openComponentTwo()">
    Component Two
  </button>
</ion-content>

第一部分
第二部分