イオン-コンテンツ

ほとんどすべてのモバイルアプリには、いくつかの基本的な要素が含まれています。通常、これらの要素には、画面の上部と下部をカバーするヘッダーとフッターが含まれます。他のすべての要素は、これら2つの間に配置されます。Ionicは提供しますion-content 作成する他のすべての要素をラップするコンテナーとして機能する要素。

このコンテナにはいくつかの固有の特性がありますが、これはJavaScriptベースのコンポーネントであるため、このチュートリアルの後半で説明します。

<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>