离子页面 - 改变内容

Question

app.html

<ion-header> 
    <ion-navbar> 
     <ion-title>Blabla</ion-title> 
     <button ion-button color="primary" (click)="home()">Home</button> 
     <button ion-button color="primary" (click)="second()">Second</button> 
    </ion-navbar> 
</ion-header> 
<ion-content> 
</ion-content> 
<ion-nav #myNav [root]="rootPage"></ion-nav> 

app.component.ts

​​

首页，然后SecondPage我只放<ion-content>Test1</ion-content>和<ion-content>Test2</ion-content>。 现在我有这种情况 - 标题“覆盖”其余的。所以我没有看到任何文字，因为它在标题下方。我怎样才能改变这种行为？ 而且我想使用一个静态不动的标题/导航栏（因为会有一个动画）。因此，可以更改的内容位于该标题/导航栏下方。

Answer 1

尝试将ion-nav移动到ion-content，这应该使其行为正确。