Как открыть компонент в Ionic

Question

У меня есть домашняя страница (по умолчанию), и у меня есть папка Components, внутри которой есть Component материал, называемый login-page, где он содержит html, ts, css, вот как мне открыть этот компонент с моей Home страницы? Я пытался сделать что-то вроде этого:

import { LoginPageComponent } from '../../components/login-page/login-page';

и затем в конструкторе

navCtrl.push(LoginPageComponent );

Есть идеи?

Answer 1

вы можете использовать ModalController для проталкивания компонентов, например:

export class AnyPage {

  constructor(modalCtrl: ModalController) {
     let modal = this.modalCtrl.create(LoginPageComponent);
     modal.present();
  }
}

Но на самом деле, я думаю, вы должны использовать страницу вместо компонента, как сказал вам fastr.de. Запустите в своем терминале команду «ionic generate page Login», после чего вы сможете использовать сервис NavController.

Answer 2

Вы не можете использовать простые компоненты в качестве страницы. Используйте страницы как страницу и компоненты как компонент. Создайте страницу с ionic g page Login Скопируйте html, css, ts на эту страницу и впоследствии удалите компонент.

Если вы хотите использовать компонент, вы должны включить компонент с селектором, определенным в разделе @Component, в html другого компонента или страницы.

Когда ваш селектор Компонентов имеет «поле входа в систему», вы можете включить подобный компонент в AnotherPage.ts

<ion-content>
   <login-box></login-box>
</ion-content>