We will be continuing our previous Ionic Multiple Page & Ionic Sliding -1 example. Here we are creating a new page called technologies.
A modal is a form of temporary UI that slides into the screen, over the page content, and is often used for login/registration forms, composing messages or presenting
app configuration options for example. In this apps, when clicking on any of list item in our technologies page, it will display modal overlay on top of current page Technologies displaying detail information of each item.
Step 1: Add a new page, ionic g page technologies.
Step 2: Add following code in technologies.html
Step 3: Add the following code in home.ts
We have to import ModalController component first and have to create a class custom component called Modal, where we want to display content of technologies over the technologies page.
Step 4: ionic g page modals
Step 5: Add the following code in modal.ts