Ionic 2：如何在Beta 11中使用页眉和页脚

Question

我已将Ionic升级到测试版11并更改了导航栏等，如changlog中所述。

它还指出ion-content现在是100％（实际上是beta 10）。我的屏幕基本上有HEADER，CONTENT，FOOTER，我的内容总是很好地显示在页眉和页脚之间（我已经与其他框架进行了斗争，以便在没有各种手动调整大小，添加边距等的情况下进行此操作

举个例子，这是升级前的标记和布局..

<ion-navbar *navbar>
  <button menuToggle>
    <ion-icon name="menu"></ion-icon>
 </button>

 <ion-title>Graph test</ion-title>  
</ion-navbar>    
<ion-header-bar style="background:white">
  <div><button type="button" (click)="updateClick()">Update</button></div>
</ion-header-bar>
 <ion-content id='content' (window:resize)="onResize($event)">
 <ion-slides pager >
   <ion-slide>  
     <div id="linechart"></div>  
  </ion-slide>

  <ion-slide>  
   <div id="piechart"></div>  
  </ion-slide>
</ion-slides>
</ion-content>
<ion-footer-bar align-title="left" class="bar-assertive">  
    <h3 class="title">Footer</h3>  
</ion-footer-bar>

然后我升级并将标记更改为以下内容......

<ion-header-bar style="background:white">
 <ion-navbar>
  <button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>

   <ion-title>Graph test</ion-title>
 </ion-navbar>
<div><button type="button" (click)="updateClick()">Update</button></div>
</ion-header-bar>
<ion-content fullscreen=false id='content' (window:resize)="onResize($event)" style="margin-top:40px;margin-bottom:40px">
  <ion-slides pager >
    <ion-slide>  
      <div id="linechart"></div>  
    </ion-slide>
    <ion-slide>  
      <div id="piechart"></div>  
    </ion-slide>
 </ion-slides>
</ion-content>
<ion-footer-bar align-title="left" class="bar-assertive">  
  <h3 class="title">Footer</h3>  
</ion-footer-bar>

所以我试图为ion-content添加一个边距（在此之前图形占据整个屏幕，所以甚至没有看到标题“图形测试”），但可以看出内容页眉和页脚之间不再正确调整大小。这发生在我的所有页面上。

我的问题是，我们现在如何获得与之前相同的演示文稿，即我们可以将内容嵌套并在页眉和页脚之间正确调整大小？