How it works...

You may wonder why it's necessary to create a component just to toggle a list of pizza topping options. The answer is that this is just a demonstration of how you can compartmentalize your app using a component. The key things that you have done are as follows:

  • You created a custom component, called <my-component>, which can be used anywhere, including outside your app.
  • The data within your component is completely private. This means that nobody else can access it without calling a method within your component's class.
  • You can add or change behaviors within your component without impacting on other areas outside the component.

To create a component, you need to ensure that you import the @Component decorator, as shown, from ...

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.