Question

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

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

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

任何页面：

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

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

如果我想使用延迟加载并避免使用＆＃34; No组件，该怎么办？工厂找到了MyPage＆＃34;？
我应该在哪个模块中声明我的页面？

Answer 1

这是一个基本的实现：

<强> .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>

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

1 个答案: