Can't set config

[MarcManhart]

My template looks like that:

<mat-dialog-content>
  <gallery id="bilderGallery"></gallery>
</mat-dialog-content>

my Component like that:

public galleryConf: GalleryConfig = {
    thumb: false
  };

//...

ngOnInit() {
    let imagesToRender = this.data.bilder.map((bild: any) => {
         //...  (already working)
    });

    this.galleryRef = this.gallery.ref('bilderGallery');
    this.galleryRef.setConfig(this.galleryConf); // <-- seems not to do anything
    this.galleryRef.load(imagesToRender);
  }

//...

Unfortunately the config get ignored. The image loading works but calling setConfig(...) or even writing <gallery id="bilderGallery" [thumbs]=false></gallery> won't changing anything. The gallery is loaded always with the default configuration.

What am Im doing wrong?
Thx

[MurhafSousli]

Looking at your code, it should work.. can you reproduce it in a stackblitz?

[EchopixUser]

What if you try to set the config in the ref() function?
this.galleryRef = this.gallery.ref('bilderGallery', this.galleryConf);

[EchopixUser]

Also @MurhafSousli if you try to load config in the GalleryModule using forRoot method (you call it withConfig) it will not work. I believe the reason for it not working is following:

In your gallery.service.ts you are injecting the config with GALLERY_CONFIG. However, the service itself is provided in root, and gets created sooner than the module, where the config value is resolved. Therefor this line will always only use defaultConfig since config will always be undefined.

[MurhafSousli]

@EchopixUser you can inject the token in the root module to set the default config.. regarding withConfig function I am not sure, I haven't tested it after upgrading the service with providedIn feature

[EchopixUser]

I am providing it in my gallery module which amongst other things sets up your gallery module and hence the issue arises. I don't want to provide it in root, I have a modular architecture and the modules are sealed and independent.

[AlexType]

ngAfterViewInit(): void {
    this.galleryRef.setConfig(this.config);
}

в ngOnInit не успевает

[MurhafSousli]

@EchopixUser Providing a token in the root won't effect the modular structure, and won't add the plugin size to your main script if that what concerns you.

[EchopixUser]

I have a monorepo with multiple projects, so what concerns me is that I need to provide token with same value in every project. I would rather encapsulate it in my Module that would setup the config in one place for all my apps.

Anyway the withConfig does not work because of of the hierarchy of providers you now have.

[MurhafSousli]

@EchopixUser Can you think of a solution?

[EchopixUser]

@EchopixUser Can you think of a solution?

Don't provide gallery in root by default. let the user chose the providing point.