イオンページ - 変更内容

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

​​

私だけ<ion-content>Test1</ion-content>と<ion-content>Test2</ion-content>入れホームページに掲載してSecondPage。 私はそのような状況にあります。ヘッダーは残りの部分をカバーしています。ヘッダーの下にあるため、テキストは表示されません。どうすればその行動を変えることができますか？ また、静的な不動のヘッダー/ナビバー（アニメーションが存在するため）を使用したいと思います。したがって、変更可能なコンテンツはそのヘッダー/ナビゲーションバーの下にあります。

Answer 1

ion-contentにion-navを移動してください。正しく動作するようにしてください。