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
@denisgarcia015 жыл бұрын
Thanks. The main fix for me was the explanation about the lazy loading not loading components. That made my day. Thank you!
@muhammadshahrez21305 жыл бұрын
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.
@gianlucacau59075 жыл бұрын
You just saved me a lot of time that would have been wasted! Thanks man, speaking of Ionic you sure are the best!
@simonsutherland154 жыл бұрын
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!
@sergijonama17485 жыл бұрын
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],
@acarolsfs4 жыл бұрын
Thanks man! You saved my life
@oswaldkit4 жыл бұрын
Thanks man! You saved my life too.
@buraksimsek24712 жыл бұрын
Thanks man! You saved my life too. By the way, I encountered this in Ionic 6.
@f1234411231 Жыл бұрын
Thanks man! You saved my life too.
@tendaikatsande75784 жыл бұрын
You saved my life, I had to also add other modules, like ionicModule, RoutingMoudle to the shared module
@olumideayeni1434 жыл бұрын
Josh!!!..... Thank you, you really saved my day with this... I am so glad that i found this at the right now.
@muzz885 жыл бұрын
Nice one, I was convinced I was never going to use shared components in ionic until this. Thanks
@doronsayar1587 Жыл бұрын
Thanks man, you saved me from a mental breakdown!
@MurilloVieira5 жыл бұрын
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!!
@shaunbrassell684 жыл бұрын
Great video - taking one through the failure process was key to me learning, excellent job!
@mohammadhadiemami26705 жыл бұрын
you saved 2 hours of my time!! THANKS
@izzatullokanoatov3705 жыл бұрын
I will take off my hat in front of your tutorials. Best of the best.
@sathvikakopalli25742 жыл бұрын
That was really a great explanation you have helped me a lot bro 🙌🙌 Hope you continue doing lectures like these 🥺
@sapsapproductivity3 жыл бұрын
Thanks Joshua, Well explained.
@grab0wski5 жыл бұрын
Thank you Joshua Morony, you saved my day, I spended amount of time this morning to resolv this issue =))
@crassProgrammer3 жыл бұрын
This was what exactly I wanted. Thankyou very much!!
@AcquahEmmanuelBaiden2 жыл бұрын
Thanks Joshua. This was very useful
@rodrigomgsys5 жыл бұрын
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. :-)
@nikhilgoyal007Сағат бұрын
Super, thank you!! (I think this is the same way @Ionic/Angular Module works but I did not realize the detailed set-up until I saw this video).
@kyatar4 жыл бұрын
you just made my day, thanks for the awesome explanation
@Iam_AndersonP2 жыл бұрын
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
@mekbeb5 жыл бұрын
Thanks Josh, nice quick and easy explanation. God bless!
@zhoobinjalili59463 жыл бұрын
Great, helped me a lot! Thanks Joshua!
@allan95374 жыл бұрын
Thank you so much! Saved my day!!
@videodr.94024 жыл бұрын
Thanks, Joshua Morony, you saved my day :)
@vp32755 жыл бұрын
Great quality, you deserve mor views :) Thanks !
@DavidHodges475 жыл бұрын
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.
@yorlandIII3 жыл бұрын
Amazing!! thank you for the detailed explanation!!
@VinayKumar-bl2ob2 жыл бұрын
Thanks a lot, you are great at explaining👍👍👍
@jeffcordova5 жыл бұрын
Josh! Thank you for this! Thank you for saving me again. :)
@fcsalmeida5 жыл бұрын
Thank you! You are the man! It saved me from a big problem !!
@lesetjalese74622 жыл бұрын
Thanks this really saved my day.
@youngwise144 жыл бұрын
Thanks man! This was right on time.
@ThukuWakogi5 жыл бұрын
You saved a life sir
@argieabedejos7604 жыл бұрын
Thanks man. This saves my day.
@Garciia2 жыл бұрын
Hey still useful, I've been trying to get into it and this clear my head around the subject, ty
@WajahathKhan045 жыл бұрын
Thanks Man, 1000 Likes :) You just give me the result of my struggling 5 hrs
@aliciajanssen65485 жыл бұрын
Thank you! The instructions are fantastic!
@jacobsultd3 жыл бұрын
Thank you Joshua. Saved me..
@rudikatzer16062 жыл бұрын
Amazing. Works for me in 2022
@Sandeep-vr8ri5 жыл бұрын
nice and simple , thanks bro.
@joeporsche17674 жыл бұрын
You just save my day. Thank!!!
@Arudion5 жыл бұрын
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
and also if you want to use things like `*ngIf` you should import `BrowserModule`, but because this is already imported on app.module.ts you should import `CommonModule` instead `imports: [IonicModule, CommonModule],`
@karlzone25 жыл бұрын
I should have read your comment @Mario, god damn. But yeah, if you wanna use NgFor, NgIf, then do :import { CommonModule } from '@angular/common';
@erna34775 жыл бұрын
Saved my night... Thank you!
@psv60095 жыл бұрын
Thanks too much your video, you solved ' 2 modules' for me.
@taha50492 жыл бұрын
Thanks Good Lad you Saved my day!!
@jesusdcg75835 жыл бұрын
Well explained, thank you
@nileshupadhyay72484 жыл бұрын
Hey Josh thanks a lot buddy, you saved my time.... Yes I really enjoyed the tutorial.. :)
3 жыл бұрын
Thanks for the video!
@bankoleemmanuel10885 жыл бұрын
Thanks Joshua
@tpamarasekera5 жыл бұрын
Great tutorial! !!!!!
5 жыл бұрын
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.
@joseduvanrubianoperalta16325 жыл бұрын
Good tutorial, thanks.
@magicalkunal3 жыл бұрын
Thanks. it helped me a lot.
@zsearthas4 жыл бұрын
from 7:09 solution starts, skip before
@emartosgomez5 жыл бұрын
Thank you so much! Really useful!
@walaazahran29 Жыл бұрын
thanks you helped me so much !
@rStudius3 жыл бұрын
Thanks a lot! Helped me so muuuch
@philipvandrunen37285 жыл бұрын
Thank you, thank you, thank you. I still don't completely understand, but at least my code is working again!
@RahulYadav-hs2un4 жыл бұрын
Nice Video
@muhammadhussainn43895 жыл бұрын
Thank you for this video!
@carlosgaleanohn5 жыл бұрын
Is more easy than Ionic 3... TY for the explaining it!
@mojinzhang22505 жыл бұрын
super helpful thanks!
@jamesdavidwyers91102 жыл бұрын
1:01 Glad I'm not the only one with this problem....😅
@Karthik15165 жыл бұрын
I had the exact same error. Thank you.
@yccodei4 жыл бұрын
Thanks a lot for your help
@wealth_developer_researcher3 жыл бұрын
Thanks!!! It helped me :)
@sarath90775 жыл бұрын
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?
@sarath90775 жыл бұрын
Update: It got fixed by adding CUSTOM_ELEMENTS_SCHEMA in the schema of component.module.ts. schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
@karlzone25 жыл бұрын
Sorry, I know this is five months late, but do you know why this happens? I used loads of ion elements, but didn't get this error, though I saw someone on a forum suggesting your solution. What does CUSTOM_ELEMENTS_SCHEMA do? It's clearly important (or at least it used to be?)?!
@chularansifernando55 жыл бұрын
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.
@sebasA3 жыл бұрын
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).
@jluis8595 жыл бұрын
saved my life
@sukdipkar88763 жыл бұрын
how can use the component.css file in the page?
@emyprinso5 жыл бұрын
./src/app/home/home.module.ts 19:31-39 "export 'HomePage' was not found in './home.page' that is the error I am getting, if I can get your source code and use it as a boilerplate for my app I will appreciate it
@devinvail675 жыл бұрын
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 :-)
@MOHAMMEDSOKAILY4 жыл бұрын
Thank you, you saved my day
@luisdonis21474 жыл бұрын
Thank you sooooo much!!!
@developpeuranonyme94285 жыл бұрын
Thank you very much, that helped me a lot :)
@DieDie-us4oo5 жыл бұрын
Thank you man!!
@cdevidal4 жыл бұрын
Appreciate it! I should have checked your video first :-)
@thellexacademy5 жыл бұрын
Nice One
@calina99394 жыл бұрын
pretty Josh thks x)
@SajalSuraj3 жыл бұрын
This helped :)
@elmergarcia.a55364 жыл бұрын
thank you!!
@andriyzhuk88304 жыл бұрын
Thanks!
@serhiyhrabovy5104 жыл бұрын
thank you!
@ginil4 жыл бұрын
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?
@harundiwan32135 жыл бұрын
Thanks alot for this solution
@27brenner3 жыл бұрын
THANK YOU
@Hicham_SaAh5 жыл бұрын
thank you , i have one question please , if i have 2 folders one called example same what you made and the second called example_2 but i want to show example_2 in the home page and example into detail page . is it possible ? and how it will be ! thanks in advance ...
@JoshuaMorony5 жыл бұрын
So you want two separate components, one goes on the home page one goes on the detail page? You could do a variety of things. If you are only using the components on one page each you could just add them as a declaration to that pages module and ignore creating a components module altogether. You could create a single shared component module (like in the video) that includes both of the components, and then include that shared components module in both of your page modules. Or, you could create a separate module for each of your two components (same as the video except instead of components.module.ts you would have example-one.module.ts and example-two.module.ts), and then import the appropriate module into the module for the page you want to use it on.
@Hicham_SaAh5 жыл бұрын
@@JoshuaMorony thank you so much
@israelnunesoriente77223 жыл бұрын
VOCE É Incrivellll
@HOW-bt3et6 ай бұрын
thanks man
@daveycrockettjr5 жыл бұрын
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?
@javierandresfernandez63733 жыл бұрын
Sorry if this is a trivial question but, what if I have defined a method inside a custom component, and I want to call it from an ion-button in a particular page. Supposing I had already done what it is told in this tutorial, how can I call that method?
@JoshuaMorony3 жыл бұрын
You would just need a reference to the component you are calling the method on (e.g. grabbing it through @ViewChild), then with the reference you just call it like this.myComponent.myMethod();
@manarmohammad82322 жыл бұрын
thank you
@vidalroland5 жыл бұрын
Great ! I have a problem with custom components. When I create a header component, it goes over the pages (no margin at the top of the page). You can see it there : ipassed.it Does someone have any idea on how to solve it ?
@comformarkwebsite88335 жыл бұрын
Did you fix it, I can't see a problem?
@kinetik20185 жыл бұрын
muchas gracias !!!
@LongNguyen-bj3ud5 жыл бұрын
Thank Bro ^^
@mehdi9075 жыл бұрын
when I created the component it wasn't declared automatclly on module.ts why?
@Dxpress_5 жыл бұрын
Yep, same here. Been spending hours wondering why generated components don't just work.