How to do it...

Here are the instructions to create the example app:

  1. Create a new IonicGrid app using the blank template, as shown, and go into the IonicGrid folder:
$ ionic start IonicGrid blank $ cd IonicGrid
  1. Edit ./src/app/pages/home.ts with the following code:
import { Component } from '@angular/core';import { NavController } from 'ionic-angular';@Component({  selector: 'page-home',  templateUrl: 'home.html'})export class HomePage {  socialFeed:Array<any>;  constructor(public navCtrl: NavController) {    this.socialFeed = [      { post: 'Building Complex Mobile App Layout using Ionic Grid. You can        nest ion-row inside ion-col and so. It is really awesome.'},      { post: 'Web components are really great web technology to create  reusable web components ...

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.