How to Pass Data Between Pages in Ionic Apps using Angular

Learn the basic concepts of passing data from one page to another inside your Ionic apps using the Angular router.
🔥 Learn Ionic faster with the Ionic Academy: ionicacademy.com/
🎉 Get my books
- Built with Ionic: builtwithionic.com/
- Practical Ionic Book: devdactic.com/practical-ionic/
#############################
👨‍💻 Want to read instead of watch?
Here's the full Ionic tutorial: ionicacademy.com/pass-data-be...
😱 NEW: Capacitor Crash Course!
ionicacademy.com/capacitor-cr...
⚡️Take my famous 7 Day Ionic Crash Course
ionicacademy.com/ionic-crash-...
🤷‍♂️Want more Ionic tutorials?
There you go: devdactic.com/
#############################
❤️You can also find me...
on / simongrimm_
on / schlimmson
on / devdactic
Or join our Facebook group:
/ simonics
#############################
00:00 Intro
01:30 Query Params
07:48 Router State
10:53 Route Parameter
16:05 Resolver & Back navigation
26:13 Outro

[@CITYBOY5950]

This answered so many questions I’ve had with routing. Thanks for going through each scenario, it was extremely helpful

[@galaxies_dev]

Really happy to help!

[@jbchan07]

I did not know about the state extra ...thanks for sharing... 😎

[@mahendrakumardas588]

Hey Simon can you make a video how to use splash screen in ionic 6 cordova as well as capacitor

[@OlehBiblyi]

Thanks!

[@argelpamintuango1956]

its cool to make ionic apps. it looks dope to support one

[@jol2359]

great tutorial!! however for some reason im going through a Object is possibly 'null' error on the const routerState = this.router.getCurrentNavigation().extras.state; ?

[@vladtomus8983]

Hi Simon, I would like to know what is the difference between Angular Router and Ionic NavController

[@programmeryk5659]

hi simon how to solve unintended ripples on ion-item on scroll ?

[@dksanket]

Great video Simon. Could you please do a video on live reloading of Angular ionic/capacitor application on android.? Struggling with it . 'ionic capacitor run android -l --external' command isn't working for me

[@Ali-ys7ej]

I always ask this question in interviews 😂

[@galaxies_dev]

If you get these answers you will know the people watched this video :D

[@leonardopillay4200]

Hi, Simon I absolutely love your tutorials. I come from a background of angular but I'm facing an issue that I have no explanation for. Ever since AngularFire v7 I have been having change detection issues when using *ngif | async once the data is loaded the view does not update if I slightly resize the window it renders so I'm not sure what the issue might be its especially worse if getting data via a switch map. I have tried changing the change detection strategy as well as manually checking for changes but it does not fix the issue. Any help would be appreciated.

[@galaxies_dev]

I feel like I saw that problem as well, but in my latests tests where I assigned the value inside the subscribe block everything seemed to work fine. It might have been a problem of a specific AngularFire or Firebase SDK version if I remember correctly!

[@leonardopillay4200]

@@galaxies_dev So that means that i would have to maunually deal with the subscription instead of using the async pipe. Thanks for the feedback!

[@malikhandev]

Make NotePA APPLICATION WITH IONIC ANGULAR PLZZZZZZZZZZZZZZZZZZ