Angular 如何在Ionic中打开组件

我有一个主页（默认主页），我有一个

组件

文件夹，里面有一个

组件

叫做登录页面的东西，其中包含html、ts、css，问题是如何从

主页

页面打开这个组件？我试着这样做：

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

然后在构造函数中

navCtrl.push(LoginPageComponent );

---

有什么想法吗？

您不能将普通组件用作页面。使用页面作为页面，使用组件作为组件。使用

ionic g Page Login创建一个页面

将html、css、ts复制到此页面，然后删除该组件

当您想要使用组件时，您必须在另一个组件或页面的html中包含带有@component部分中定义的选择器的组件

当您的组件选择器为“登录框”时，您可以在另一个page.ts中包含这样的组件

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

---

您可以使用ModalController推动组件，例如：

export class AnyPage {

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

但实际上，我认为你应该使用页面而不是组件，就像fastr.de告诉你的那样。在终端中运行命令“ionic生成页面登录”，然后您就可以使用NavController服务