代码之家 › 专栏 › 技术社区 › StuartDTO

如何在Ionic中打开组件

ionic2 ionic-framework angular

1

StuartDTO · 技术社区 · 7 年前

我有一个主页(默认主页),我有一个 Components 文件夹中我有一个 Component 叫做登录页面的东西,其中包含html、ts、css,问题是如何从 Home 页我试着这样做:

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

然后在构造器中

navCtrl.push(LoginPageComponent );

有什么想法吗?

2 回复 | 直到 7 年前

1

2

fastr.de 7 年前

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

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

当您的组件选择器为“登录框”时,您可以在另一个页面中包含这样的组件。ts

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

2

0

Andrews Duarte 7 年前

您可以使用ModalController推送组件,例如:

export class AnyPage {

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

但实际上,我认为应该使用页面而不是组件,比如fastr。德告诉过你。在终端中运行命令“ionic generate page Login”,然后可以使用NavController服务。