Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Introducing Ionic 2
  • Table Of Contents Toc
  • Feedback & Rating feedback
Introducing Ionic 2

Introducing Ionic 2

By : Mathieu Chauvinc
Buy this Video
close
close
Introducing Ionic 2

Introducing Ionic 2

By: Mathieu Chauvinc
Buy this Video

Overview of this book

Unlock the potential of Ionic 2 to create cutting-edge mobile applications! This course takes you from setup to advanced features, covering page navigation, component creation, API integration, user interactions, and more. Dive into building sleek, cross-platform apps with Ionic 2's intuitive framework. Master the essentials and unleash your creativity in mobile app development.
Table of Contents (7 chapters)
close
close
close
1
Setting Up
Icon
The Course Overview
Icon
Bootstrapping an Ionic App
Icon
Exploring the Project Structure
Icon
Lab, Device, and Emulator
2
Pages and Basic Navigation
Icon
Generating Pages
Icon
Navigation Concepts in Ionic 2
Icon
Navigating to Pages
3
Basic Ionic 2 Components
Icon
Creating a List
Icon
Adding a Search Bar
Icon
Using a Radio Buttons List
4
Services
Icon
Making API Calls
Icon
Creating Your Own Service
5
Advanced Ionic 2 Components
Icon
Using an ActionSheet
Icon
Creating a Modal Preview
Icon
Adding a Pull-to-refresh
6
User Interactions
chevron up
Icon
Using Dialogs
Icon
Adding a Loader
Icon
Building a Form
7
Wrapping Up
Icon
Styling the App
Icon
Navigation with params
Icon
ion-slides
Icon
Using a Pipe
You're currently viewing a free sample. Access the full title and Packt library for free now with a free trial.
Chapter: 6
User Interactions
Icon This video is locked
Icon
Icon
0:00
2.0x
1.5x
1.25x
1.0x
0.5x
caption settings
caption off
Icon Icon
ShowHide Transcripts Icon
Section: 3
Building a Form
Forms are one of the most common type of interaction with users. They can be tedious to build and validate, though. We will use the FormBuilder service to create a form focused on its inputs and leverage the validation framework to display error messages when needed. - Build a form using form builder - Create the corresponding bindings in the template: ngFormModel, ngControl - Validate the form easily using various Booleans on controls: valid, invalid, pristine, untouched, and so on
Visually different images
CONTINUE WATCHING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Introducing Ionic 2
End of Chapter 6
Next Chapter
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon