feat(source): update params when input changes (TileWMS and ImageWMS) (#199)

Author: samuel-girard

projects/ngx-openlayers/src/lib/sources/imagewms.component.ts

@@ -1,4 +1,4 @@
-import { Component, Host, Input, OnInit, forwardRef } from '@angular/core';
+import { Component, Host, Input, OnChanges, OnInit, forwardRef, SimpleChanges } from '@angular/core';
 import { AttributionLike, ImageLoadFunctionType, ProjectionLike, source } from 'openlayers';
 import { LayerImageComponent } from '../layers/layerimage.component';
 import { SourceComponent } from './source.component';
@@ -8,7 +8,7 @@ import { SourceComponent } from './source.component';
   template: `<ng-content></ng-content>`,
   providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceImageWMSComponent) }],
 })
-export class SourceImageWMSComponent extends SourceComponent implements OnInit {
+export class SourceImageWMSComponent extends SourceComponent implements OnChanges, OnInit {
   instance: source.ImageWMS;
 
   @Input()
@@ -42,4 +42,10 @@ export class SourceImageWMSComponent extends SourceComponent implements OnInit {
     this.instance = new source.ImageWMS(this);
     this.host.instance.setSource(this.instance);
   }
+
+  ngOnChanges(changes: SimpleChanges) {
+    if (this.instance && changes.hasOwnProperty('params')) {
+      this.instance.updateParams(this.params);
+    }
+  }
 }

projects/ngx-openlayers/src/lib/sources/tilewms.component.ts

@@ -1,4 +1,4 @@
-import { Component, Host, Input, OnInit, forwardRef } from '@angular/core';
+import { Component, Host, Input, OnChanges, OnInit, forwardRef, SimpleChanges } from '@angular/core';
 import { source, TileLoadFunctionType, tilegrid } from 'openlayers';
 import { LayerTileComponent } from '../layers/layertile.component';
 import { SourceComponent } from './source.component';
@@ -8,7 +8,7 @@ import { SourceComponent } from './source.component';
   template: `<ng-content></ng-content>`,
   providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceTileWMSComponent) }],
 })
-export class SourceTileWMSComponent extends SourceComponent implements OnInit {
+export class SourceTileWMSComponent extends SourceComponent implements OnChanges, OnInit {
   instance: source.TileWMS;
   @Input()
   cacheSize: number;
@@ -45,4 +45,10 @@ export class SourceTileWMSComponent extends SourceComponent implements OnInit {
     this.instance = new source.TileWMS(this);
     this.host.instance.setSource(this.instance);
   }
+
+  ngOnChanges(changes: SimpleChanges) {
+    if (this.instance && changes.hasOwnProperty('params')) {
+      this.instance.updateParams(this.params);
+    }
+  }
 }