Ionic - Conteúdo

Quase todo aplicativo móvel contém alguns elementos fundamentais. Normalmente, esses elementos incluem um cabeçalho e um rodapé que cobrem as partes superior e inferior da tela. Todos os outros elementos serão colocados entre esses dois. Ionic forneceion-content elemento que serve como um contêiner que envolverá todos os outros elementos que desejamos criar.

Este contêiner tem algumas características únicas, mas como é um componente baseado em JavaScript, que abordaremos na parte posterior deste 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>