How to do it...

Follow these instructions:

  1. Create a new app named PageComponent using the blank template, as shown in the following code block and go to the PageComponent folder:
$ ionic start PageComponent blank$ cd PageComponent
  1. Open the ./src/app/pages/home/home.html file and replace the content with the following code:
<ion-header>  <ion-navbar>    <ion-title>      Ionic Blank    </ion-title>  </ion-navbar></ion-header><ion-content padding>  <ion-list>        <ion-item>          <ion-label fixed>Name</ion-label>          <ion-input type="text" value="" [(ngModel)]="user.name">        </ion-input>        </ion-item>              <ion-item>          <ion-label fixed>Email</ion-label>          <ion-input type="text" [(ngModel)]="user.email">        </ion-input>        </ion-item>        <ion-item>          <ion-label fixed>Phone</ion-label> <ion-input ...

Get Ionic Cookbook - Third Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.