如何在Ionic中打开组件

不能将普通组件用作页面。使用页面作为页面,使用组件作为组件。使用创建页面 ionic g page Login 将html、css、ts复制到此页面,然后删除组件。

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

当您的组件选择器为“登录框”时,您可以在另一个页面中包含这样的组件。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。德告诉过你。在终端中运行命令“ionic generate page Login”,然后可以使用NavController服务。