Skip to Content
Ionic Cookbook - Third Edition
book

Ionic Cookbook - Third Edition

by Indermohan Singh
April 2018
Intermediate to advanced content levelIntermediate to advanced
390 pages
8h 46m
English
Packt Publishing
Content preview from Ionic Cookbook - Third Edition

How it works...

At a high level, this is how the app is structured:

  • The app will Bootstrap via app.ts and load home.html as the root page
  • Everything in the /home folder is your first page
  • Everything in the /otherPage folder is your second page
  • These two pages communicate using NavParams (or navParams from the template)

Let's take a look at home.ts. You must import both NavController and NavParams:

import { NavController, NavParams } from 'ionic-angular';

For your constructor, you need to do a few things, which are as follows:

  public myString: string = 'Example 1 - This is just a string'; 
  public myJSON: any = {text: ''}; 
  otherPage: any = OtherPage; 
 
  constructor(public navCtrl: NavController) { 
  } 

The this.navCtrl variable will reference ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Learning Ionic - Second Edition

Learning Ionic - Second Edition

Arvind Ravulavaru
Ionic in Action

Ionic in Action

Jeremy Wilken
Ionic : Hybrid Mobile App Development

Ionic : Hybrid Mobile App Development

Rahat Khanna, Sani Yusuf, Hoc Phan
ReasonML Quick Start Guide

ReasonML Quick Start Guide

Raphael Rafatpanah, Bruno Joseph D'mello

Publisher Resources

ISBN: 9781788623230Supplemental Content