Using Custom Components on Multiple Pages in Ionic 

Just another Thank You message among the above millions. I am teaching ionic 4 to some interns and your videos give them clarity. I just love the way you first take a normal approach, and then when the error pops up, like it does for us, you show the actual way things need to be coded. Excellent Effort. Hope Ionic Team hires you :P

Man, you're just awesome. I've spent a lot of time trying to figure out how normal angular components should work for ionic 4 and you've just lit my way. Thanks a lot!!

Thank God I found you at the right time. I was banging my head figuring out what was wrong with my component and you litterally saved me from a nightmare.

You just saved me a lot of time that would have been wasted! Thanks man, speaking of Ionic you sure are the best!

Thanks. The main fix for me was the explanation about the lazy loading not loading components. That made my day. Thank you!

Josh!!!..... Thank you, you really saved my day with this... I am so glad that i found this at the right now.

I was going around in circles, reading and re-reading documentation & examples (mostly of non-lazy loaded components) No i not only know what to do, but _why_ This was a life saver!

Nice tutorial thanks! In Ionic 4 you should add some extra imports to avoid template parse errors. import { SyncIconComponent } from './sync-icon/sync-icon.component'; import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [CommonModule, IonicModule],

Great video - taking one through the failure process was key to me learning, excellent job!

Nice one, I was convinced I was never going to use shared components in ionic until this. Thanks

Great tutorial, It has worked perfectly for me. I was facing this error when tried to load a custom component in a PageModule. Thank you very much for sharing. :-)

you saved 2 hours of my time!! THANKS

Thank you Joshua Morony, you saved my day, I spended amount of time this morning to resolv this issue =))

Great quality, you deserve mor views :) Thanks !

Thanks Josh, nice quick and easy explanation. God bless!

Thank you! The instructions are fantastic!

That was really a great explanation you have helped me a lot bro 🙌🙌 Hope you continue doing lectures like these 🥺

Thank you! You are the man! It saved me from a big problem !!

Thanks Joshua, Well explained.

Josh! Thank you for this! Thank you for saving me again. :)

you just made my day, thanks for the awesome explanation

You saved my life, I had to also add other modules, like ionicModule, RoutingMoudle to the shared module

Great, helped me a lot! Thanks Joshua!

Amazing!! thank you for the detailed explanation!!

Thank you so much! Saved my day!!

Thanks Joshua. This was very useful

Thanks man, you saved me from a mental breakdown!

This was what exactly I wanted. Thankyou very much!!

Thanks man! This was right on time.

Hey still useful, I've been trying to get into it and this clear my head around the subject, ty

Thank you for this video!

Well explained, thank you

I will take off my hat in front of your tutorials. Best of the best.

Thank you so much! Really useful!

Saved my night... Thank you!

Thanks, Joshua Morony, you saved my day :)

Thanks for the video!

Thanks this really saved my day.

Thanks man. This saves my day.

Good tutorial, thanks.

Thanks a lot, you are great at explaining👍👍👍

Very useful video, thanks

This really solved my problem. Most of the other results from Google searching were wrong about this, possibly due to changes in versions of ionic or angular. I do wish that you could make the source code for this one example available on github or something similar. Also, when you use "ionic generate module", it generates a "spec" file, which throws errors unless you delete it.

Thanks a lot! Helped me so muuuch

Great tutorial! !!!!!

You just save my day. Thank!!!

nice and simple , thanks bro.

Thanks. it helped me a lot.

Thank you Joshua. Saved me..

thanks you helped me so much !

Grat tutorial. Another thing in cosideration is that the ionic cli has a more easy way to crete a shared module. You just hast to run the command ionic g module shared (or wharever name you want) and it will create the module with the necesary structure you need

Amazing. Works for me in 2022

Thanks a lot for your help

Thanks Good Lad you Saved my day!!

Thanks Joshua

super helpful thanks!

Thanks alot for this solution

Thank you very much, that helped me a lot :)

Hey Josh thanks a lot buddy, you saved my time.... Yes I really enjoyed the tutorial.. :)

Thanks Man, 1000 Likes :) You just give me the result of my struggling 5 hrs

Thank you, you saved my day

I had the exact same error. Thank you.

Thanks!!! It helped me :)

Thank you man!!

Thank you sooooo much!!!

Thank you !

thank you!!

Thanks too much your video, you solved ' 2 modules' for me.

You saved a life sir

thank you!

Great tutorial! If you're thinking about a new one, can you please make a tutorial about importing JavaScript or npm packages to Ionic 4? The other day I needed to import Bson to my Ionic 4 project but I had a bunch of errors and I quit.

muchas gracias !!!

Thanks!

THANK YOU

Thank you, I also need to know how to use one page on multiple pages in ionic 4? Could you please add another video for that.

Nice Video

Additional: - If you want to use nested components, you have to add them to the entryComponents of the ComponentsModule - If you want to use Ionic Components, you have to add IonicModule to the imports of the ComponentsModule

Thank you, thank you, thank you. I still don't completely understand, but at least my code is working again!

Nice One

Is more easy than Ionic 3... TY for the explaining it!

thank you

Thank Bro ^^

This helped :)

pretty Josh thks x)

As always, love your tutorials. In this one you added background music, not sure why. I found it distracting. Following your voice and the code is enough data to handle for my brain :-)

thanks man

Hi thanks for the video, Im using the Ionic side-bar template and in a page I desided to add a component just like you with a module, the problem is the sidebar cant be slide if mi finger pass trough the component. For fix it I just reduced the component area to slide the sidebar but the sidebar looks lagy (just happen in the page where I added the component).

saved my life

Appreciate it! I should have checked your video first :-)

Merci beaucoup

VOCE É Incrivellll

1:01 Glad I'm not the only one with this problem....😅

When using a custom component on multiple pages I notice that the component is created again (or at least ngInit() fires again). Is there a way to make a component that is at the root level and is not re-created if used on two pages?

in the ionic 4 conference app, there aren't any components, just pages. Is it possible to include a page in another page, just like a component?

Thanks Joshua, another excellent explanation! Can you perhaps create an additional video that explains how to use a component within a component? Or, how to add a component to a page that was created as a component - ie. Using a component as a page, so the router points to "component: MyPageComponent" - now MyPageComponent doesn't have a module, so how do I add custom components to it? (This process works in Angular 7, but "does my head in" using Ionic 4 ! )

from 7:09 solution starts, skip before

how can use the component.css file in the page?

Sadly youtube doesn't have the dislike button anymore, otherwise 12 minutes of my life would have been saved

I think i follow tutorial step by step, but got ERROR Error: "Uncaught (in promise): Error: Unexpected module 'TestComponentPageModule' declared by the module 'TestComponentPageModule'. Please add a @Pipe/@Directive/@Component annotation.

Thank you so much Joshua. I have one question though. System throws error when I use ion elements like ion-item etc inside my custom component. How do we solve that issue?