Ionic 3 - Lazy Loading Components

Ionic 3 - Lazy Loading Components

In this video, we take a look at lazy loading components within Ionic 3 using both a feature/shared module.

Here's some more information about lazy loading:

My Courses:

Learn Ionic 3 From Scratch

Master Ionic 3 with Ionic Native and Cordova Integrations

You can also find me:

[paulhalliday]

Here's a discount on my Ionic courses:

Learn Ionic 3 From Scratch

Master Ionic 3 with Ionic Native and Cordova Integrations

[kimse]

Sir, your way of teaching is great! English is not my first language but i understand Lazy Loading Components Tutorial just because of your good accent and your good presentation approach. Thanks for educational help!

[Sheepish]

Thanks for another helpful tutorial! I'd love to know what VS Code extensions you use and find most helpful

[tpamarasekera]

great tutorial and pikachu terminallll :D

[andrescuellar]

Sorry, I have a question, if I have a static variable, how can I call it using lazy loading?
For example in AboutPage:
static signal: boolean = false;


to call from home no matter ...

AboutPage.senal;

[tntg]

Great Tutorial! Thank you Paul!
I have one question for you.
So say you have AppModule and different Modules for each Page.
Now all pages need access to the same service. How would you do?
Import the service within every PageModule or is there a clever way to import it only once? (in the AppModule maybe?)

[jhonny]

Nice job your vídeos are so helpful! Thanks a lot! Greetings from Colombia!

[vishwadeepaksingh]

I am getting this error: Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda with a reference to an exported function

[bondif]

i'm trying to add a component as modal but he say invalid link.
this is the code

// notes.ts
let moduleModal = this.modalCtrl.create('AddNoteComponent', null);
moduleModal.present();

the AddNoteComponent is in a shared components module
i imported to the notes.module.ts

// notes.module.ts
@NgModule({
declarations: [
ModulesPage,
],
imports: [
IonicPageModule.forChild(ModulesPage),
ComponentsModule,
],
})

help pllz

[premek]

Ohhh, you saved me a lot of time. Thanks for super tutorial!

Hi there, great tutorial but in the version i, m using, i don´t get the menu-list.module.ts in the menu-list when the component is generated usin cli, any coments? thanks.

[okpc.]

Hi, Paul! What's that extension that suggests you an import path? First I thought you've just edited import typings out, but then I saw that suggestion box at 5:42

[chethannp]

Hi Paul Halliday
, Thanks for this great video, I am having trouble with a npm package called ngx-uploadcare-widget which I am using it in my application, because of lazyloading I am not able to declare the component on app.module.ts so I have declared it in the individual pages inside X.module.ts and I am receiving the following error.

Error: Type UcWidgetComponent is part of the declarations of 2 modules: HomePageModule and CreatepostPageModule! Please consider moving UcWidgetComponent to a higher module that imports HomePageModule and CreatepostPageModule. You can also create a new NgModule that exports and includes UcWidgetComponent then import that NgModule in HomePageModule and CreatepostPageModule.
Error: Type UcWidgetComponent is part of the declarations of 2 modules: HomePageModule and CreatepostPageModule! Please consider moving UcWidgetComponent to a higher module that imports HomePageModule and CreatepostPageModule. You can also create a new NgModule that exports and includes UcWidgetComponent then import that NgModule in HomePageModule and CreatepostPageModule.

I am new to ionic and angular not sure how to do this :(

Requesting you to please help!

[expertadvisors]

How do I use pipes when lazy loading ?

[AbeDailyTV]

hi Paul, i m new here and i really like your explanation :), do you have video about image lazy loading ? because i cannot find it on your ionic 3 playlist.

[m_]

uh what is that fancy looking terminal you are using?

[AnupNair]

Why am I not getting the module file after page generation?I'm using Ionic 3.50

[David-ejps]

your videos have helped me alot.. keep it up 👏👏👏👏👌

[pillarprogramming]

hey, are you still adding new lessons to the udemy course?

[vishwadeepaksingh]

Hi @Pual Hiliday !!
Need some help !!