Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Arrow up icon
GO TO TOP
Getting Started with Ionic

You're reading from   Getting Started with Ionic Get up and running with developing effective Hybrid Mobile Apps with Ionic

Arrow left icon
Product type Paperback
Published in Jan 2016
Publisher
ISBN-13 9781784390570
Length 168 pages
Edition 1st Edition
Tools
Arrow right icon
Author (1):
Arrow left icon
Rahat Khanna Rahat Khanna
Author Profile Icon Rahat Khanna
Rahat Khanna
Arrow right icon
View More author details
Toc

Table of Contents (17) Chapters Close

Getting Started with Ionic
Credits
Foreword
About the Author
About the Reviewer
www.PacktPub.com
Preface
1. All About Hybrid Mobile Apps and Ionic Framework FREE CHAPTER 2. Setting up the Environment the Right Way 3. Start Building Your First Ionic App 4. Navigation and Routing in an Ionic App 5. Accessorizing Your App with Ionic Components 6. Integrating App with Backend Services 7. Testing App on Real Devices 8. Working with Cordova Plugins – ngCordova 9. Future of Ionic Index

Navigation and back menus


Ionic Framework has strong navigation support in the form of various directives such as ionNavView, ionView, ionNavBar, and so on. Ionic stores and maintains the navigation history in the mobile app. It dictates the transitions appropriately. An app section can have multiple views, which maintain separate navigation histories.

The UI Router module and states are an integral part of the design for the navigation concepts. The <ion-nav-view> directive has already been explained in the first section while defining the UI Router module.

<ion-view> is another directive that should be used as a container for the content of any view. It should have a <ion-content> directive and can have header and navbar information. It defines the title of the parent ionNavBar using the view-title attribute. There are other attributes such as cache-view to enable caching, hide-back-button to define whether the back button should be displayed or not, and hide-nav-bar attribute...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $15.99/month. Cancel anytime
Visually different images