【问题标题】:How can i insert page in ionic 3 segment layout如何在 ionic 3 段布局中插入页面
【发布时间】:2018-07-15 21:59:37
【问题描述】:
This is my app with Tabs layout

单击配置文件选项卡后,我会推送一个页面,说 Profile.ts,其中在其自己的模板 Profile.html 中包含离子段

个人资料.html

<ion-content>
  <ion-segment [(ngModel)]="whichPage" color="primary">
  <ion-segment-button style="font-size: 11px" value="Personal">
    Personal
  </ion-segment-button>
</ion-segment>

<div [ngSwitch]="whichPage">
 <ion-list *ngSwitchCase="'Personal'">
 <ion-item>
   **HERE HOW CAN I DISPLAY ANOTHER PAGE WHICH I HAVE CREATED USING IONIC 
   GENERATE PAGE Personal**
 </ion-item>
</div>
</ion-content>

【问题讨论】:

  • 你不能显示整个页面,但你可以设置一个组件

标签: angular ionic-framework ionic2 ionic3


【解决方案1】:

您将无法显示整个页面,但您可以设置一个组件。这是因为特定页面只能有一个ion-content 标签

您必须从配置文件中删除页眉、页脚和内容父标签。 您可以在Profile.html 中拥有个人资料内容。然后在您的细分中将其用作子组件:

<ion-list *ngSwitchCase="'Personal'">
 <ion-item>
   <PersonalComponent></PersonalComponent>
 </ion-item>
</ion-list>

【讨论】:

  • 这工作正常,但 ionViewWillEnter、ionViewDidEnter 等页面事件不适用于组件。有什么解决办法吗?
猜你喜欢
  • 2018-12-31
  • 2017-07-23
  • 2020-04-18
  • 1970-01-01
  • 2011-08-17
  • 2012-08-17
  • 1970-01-01
  • 2018-06-23
  • 2020-01-10
相关资源
最近更新 更多