Creating a custom pizza ordering component
In this section, you will build an app to demonstrate a custom component with its private variables and template. Observe the following screenshot of the pizza ordering component:
![Creating a custom pizza ordering component](https://static.packt-cdn.com/products/9781786465962/graphics/graphics/B05402_03_01.jpg)
The user will not notice which area is a part of the page as opposed to a self-contained component. Your custom component here is the only area where the list is listening to the Vegetarian checkbox:
![Creating a custom pizza ordering component](https://static.packt-cdn.com/products/9781786465962/graphics/graphics/B05402_03_02.jpg)
Getting ready
This app example could work either in a browser or in a physical device.
How to do it...
Perform the following instructions:
- Create a new
MyComponent
app using theblank
template as shown, and go into theMyComponent
folder:$ ionic start MyComponent blank --v2 $ cd MyComponent
- Open the
./app/pages/home/home.html
file and replace the content with the following code:<ion-header> <ion-navbar> <ion-title> Pizza App </ion-title> </ion-navbar> </ion-header> <ion-content padding> <ion-card> <ion...