Ionic-content

イオン-コンテンツ

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

このコンテナーにはいくつかの固有の特性がありますが、これはJavaScriptベースのコンポーネントであるため、このリンクの後半で取り上げます：/ionic/ionic_js_content [tutorial]。

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