Можно ли перейти на ионную страницу из ионного компонента? - PullRequest
Новая
       16

Можно ли перейти на ионную страницу из ионного компонента?

0 голосов
/ 18 мая 2018

Я разрабатываю приложение с помощью Ionic Framework. Возможно, он быстро растет, и я хотел бы научиться модулировать и правильно использовать страницы, компоненты и т. Д.

Поэтому возник этот вопрос, который я не могу решить своими силами: Можно ли вызвать компонент или страницу (используя NavController) из компонента?

Предположим, у нас есть страница. В нем я хочу использовать несколько повторно используемых компонентов.

Любая страница: 

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

Например, my-component-1 должен быть кнопкой, которая отправляет нас на другую страницу или модал.

  • А что, если я хочу использовать ленивую загрузку и избегать "Нет компонента" фабрика найдена для MyPage "?
  • В каком модуле я должен объявить свои страницы?

1 Ответ

0 голосов
/ 18 мая 2018

Вот базовая реализация:

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