diff --git a/example/package.json b/example/package.json
index 10634eb9..1d743b86 100644
--- a/example/package.json
+++ b/example/package.json
@@ -22,7 +22,7 @@
"@angular/platform-browser-dynamic": "^5.0.0",
"@angular/router": "^5.0.0",
"core-js": "^2.4.1",
- "ngx-openlayers": "^0.8.16",
+ "ngx-openlayers": "^0.8.21",
"rxjs": "^5.5.2",
"zone.js": "^0.8.14"
},
diff --git a/example/src/app/raster/raster.component.html b/example/src/app/raster/raster.component.html
index 385cd258..fa3133b1 100644
--- a/example/src/app/raster/raster.component.html
+++ b/example/src/app/raster/raster.component.html
@@ -45,13 +45,13 @@
Contrast :
+ (input)="updateRaster()" />
({{ contrast }})
Brightness :
+ (input)="updateRaster()" />
({{ brightness }})
diff --git a/example/src/app/raster/raster.component.ts b/example/src/app/raster/raster.component.ts
index 88556999..323a05a9 100644
--- a/example/src/app/raster/raster.component.ts
+++ b/example/src/app/raster/raster.component.ts
@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
+import {Component, ViewChild} from '@angular/core';
+import {SourceRasterComponent} from 'ngx-openlayers';
interface RasterData {
brightness: number;
@@ -15,15 +16,16 @@ export class RasterComponent {
operationType = 'image';
lib: any = {
brightness: brightness,
- contrast: contrast
+ contrast: contrast,
};
brightness = 0;
contrast = 0;
selectLayer = 'osm';
+ @ViewChild(SourceRasterComponent) currentRasterSource;
beforeOperations(event) {
- let data: RasterData = event.data;
+ const data: RasterData = event.data;
data.brightness = this.brightness;
data.contrast = this.contrast;
}
@@ -35,7 +37,11 @@ export class RasterComponent {
return imageData;
}
- afterOperations() { }
+ afterOperations() {}
+
+ updateRaster() {
+ this.currentRasterSource.instance.changed();
+ }
}
/**