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.

🎉 Get my books

#############################

👨‍💻 Want to read instead of watch?

😱 NEW: Capacitor Crash Course!

⚡️Take my famous 7 Day Ionic Crash Course

🤷‍♂️Want more Ionic tutorials?

#############################

❤️You can also find me...

Or join our Facebook group:

#############################

00:00 Intro
01:30 Query Params
07:48 Router State
10:53 Route Parameter
16:05 Resolver & Back navigation
26:13 Outro

Рекомендации по теме

Комментарии

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

CITYBOY

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

jbchan

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

mahendrakumardas

I always ask this question in interviews 😂

Ali-ysej

great tutorial!! however for some reason im going through a Object is possibly 'null' error on the const routerState = ?

jol

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

argelpamintuango

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

vladtomus

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

dksanket

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

programmeryk

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.

leonardopillay

Make NotePA APPLICATION WITH IONIC ANGULAR

malikhandev

How to Pass Data Between Pages in Ionic Apps using Angular

How to Pass Data between Client & Server using JSON!

How to pass data between sibling components in React | Lifting up state | Easiest way

Pass Data Between Blocks | Postman Flows

How to Easily Pass Data Between Pages in Flutter App

How To Pass Data Between View Controllers in Swift (Xcode 11) | iOS for Beginners

How to Pass Data Between Scenes in Godot (Building a Level Switcher #3)

Pass Data between Activities through intent | putextra and getextra

How to pass Variable between two activities | Android Studio | Java

Master Microservices with Java, Spring & Docker- Full Guide 2024 | Cloud, Kubernetes & APIs ...

Pass data between destinations by Navigation Component

React JS Tutorial [2023]: How to pass data between pages - Params, Props, and Context

How to Pass Data Between Tasks in Airflow

Next.js Pass Data From One Page to Another Page

Python Tutorial: How to pass data between functions

How to Pass Data Between Screens in Flutter | Named Routes Tutorial

Pass a Variable Value from One HTML Page to Another

SwiftUI tutorial for Beginners - @State vs @Binding - How to pass data between views?

Pass Data Between Screens in a Canvas App | Working with Galleries, Forms and Global Variables

How to Pass Data Through Middleware in Express JS

How to pass variable one page to another page or same page | JAVASCRIPT | HTML | TutorialSpot

How to Pass Data Between Pages in Ionic Apps using Angular

Vue.js 3 | Understanding How to Pass Data From Child to Parent With Emit Function

Best Way of passing Values between mutliple JFrames | Pass Data from one JFrame to another Java

How to pass data between one form to other form in visual studio windows form application 2019