ほとんどすべてのモバイルアプリには、いくつかの基本的な要素が含まれています。 通常、これらの要素にはヘッダーとフッターが含まれ、画面の上部と下部をカバーします。 他のすべての要素は、これら2つの間に配置されます。 Ionicは、コンテナとして機能するイオンコンテンツ要素を提供します。これは、作成する他のすべての要素をラップします。
私たちは次の例を考えてみましょう-
<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>