Ionic - Konten Javascript

Hampir setiap aplikasi seluler mengandung beberapa elemen fundamental. Biasanya elemen ini menyertakan header dan footer, yang akan menutupi bagian atas dan bawah layar. Semua elemen lainnya akan ditempatkan di antara keduanya. Ionic menyediakan elemen ion-content yang berfungsi sebagai wadah, yang akan membungkus semua elemen lain yang ingin kita buat.

Mari kita perhatikan contoh berikut -

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