Ionic - Conteúdo Javascript

Quase todo aplicativo móvel contém alguns elementos fundamentais. Normalmente, esses elementos incluem um cabeçalho e um rodapé, que cobrirão as partes superior e inferior da tela. Todos os outros elementos serão colocados entre esses dois. Ionic fornece elemento de conteúdo de íons que serve como um contêiner, que envolverá todos os outros elementos que queremos criar.

Vamos considerar o seguinte exemplo -

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