Ionic3 and custom components

odorakel · May 12, 2017, 4:12pm

Hey there,

I’m currently trying to migrate my Ionic2 application to Ionic3, because I would like to make use of the lazy loading feature - because I really need this feature for the web version of the app…

…but all of my custom components doesn’t work anymore - could someone provide an example of a lazy loading page and a custom component?

Thanks,
Oliver

AaronSterling · May 12, 2017, 4:13pm

github.com

mhartington/star-track-ionic/blob/master/src/components/ion-music-card/ion-music-card.module.ts

import { NgModule } from '@angular/core';
import { IonicModule } from 'ionic-angular';
import { IonMusicCardComponent } from './ion-music-card';
import { TimePipeModule } from '../../pipes/time-pipes/time-pipes.module';
import { CommonModule } from '@angular/common';
import { DirectivesModule } from '../../directives/directives.module';
import { ColorThiefProvider } from '../../providers/color-thief/color-thief';
@NgModule({
  declarations: [IonMusicCardComponent],
  imports: [
    TimePipeModule,
    CommonModule,
    DirectivesModule,
    IonicModule
  ],
  providers: [ColorThiefProvider],
  exports: [IonMusicCardComponent]
})
export class IonMusicCardComponentModule { }

richardshergold · May 12, 2017, 4:13pm

Have a look here and here for more info.

odorakel · May 12, 2017, 4:17pm

I will try this - thanks a lot!

odorakel · May 12, 2017, 4:18pm

@…also! Thanks a lot as well!

rapropos · May 12, 2017, 8:30pm

Beware that your app binary might grow substantially, as you will get separate duplicated copies of your component code for each lazy page that includes it.

sonicwong78 · September 12, 2018, 3:20am

So, what is the better way to do?
Thanks!

Topic		Replies	Views
How to correctly implement a components.module.ts in Ionic ionic-v3	32	60234	December 6, 2017
IonicPage can't bind to custom components - Advice Needed ionic-v3	14	12690	June 11, 2018
Clarification on Ionic /components folder ionic-v3	67	11171	July 23, 2017
Ionic 3 use lazyLoaded component in lazyloaded Page ionic-v3	0	354	July 12, 2017
Custom components doesnt work on child pages ionic-v3	3	672	April 29, 2017

Ionic3 and custom components

Related topics