Ionic - Javascript 内容

几乎每个移动应用都包含一些基本元素。通常这些元素包括一个 header 和一个 footer，它们将覆盖屏幕的顶部和底部部分。其他所有元素都将放置在这两者之间。Ionic 提供了 ion-content 元素，作为一个 container，用于包裹我们想要创建的所有其他元素。

让我们考虑以下示例 −

<div class = "bar bar-header"> 
   <h1 class = "title">Header</h1> 
</div>

<div class = "list"> 
   <label class = "item item-input"> 
      <input type = "text" placeholder = "Placeholder 1" /> 
   </label>
   
   <label class = "item item-input"> 
      <input type = "text" placeholder = "Placeholder 2" /> 
   </label> 
</div>

<div class = "bar bar-footer"> 
   <h1 class = "title">Footer</h1> 
</div>