Hybrid Mobile Development with Ionic

Lists

Lists are one of the most used components in many applications. Inside lists we can display rows of information. We will be using lists multiple times inside our application, such as on the categories page where we are showing multiple subcategories:

 // src/pages/categories/categories.html <ion-content class="categories">   <ion-list-header *ngIf="!categoryList">Fetching    Categories ....</ion-list-header>    <ion-list *ngFor="let cat of categoryList">     <ion-list-header>{{cat.name}}</ion-list-header>     <ion-item *ngFor="let subCat of cat.child">       <ion-avatar item-left>         <img [src]="subCat.image">       </ion-avatar>       <h2>{{subCat.name}}</h2>       <p>{{subCat.description}}</p>       <button ion-button clear item-right  (click)="goToProducts(subCat.id)">View</button> ...