From ca776b0cb52edf859e02addb22c3aa43399f1bd3 Mon Sep 17 00:00:00 2001
From: Willem Dantuma <willem.dantuma@dobs.nl>
Date: Wed, 27 May 2020 09:14:43 +0200
Subject: [PATCH] Fix layer index for real this time (
 https://angular.io/guide/ivy-compatibility-examples#cannot-bind-to-value-property-of-select-with-ngfor
 )

---
 .../selected-item-geotiff.component.html                      | 4 ++--
 .../selected-item-shape/selected-item-shape.component.html    | 4 ++--
 .../selected-item-temporal.component.html                     | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/projects/common-map/src/fm-map/components/selected-item-geotiff/selected-item-geotiff.component.html b/projects/common-map/src/fm-map/components/selected-item-geotiff/selected-item-geotiff.component.html
index c8a8474..9b1412b 100644
--- a/projects/common-map/src/fm-map/components/selected-item-geotiff/selected-item-geotiff.component.html
+++ b/projects/common-map/src/fm-map/components/selected-item-geotiff/selected-item-geotiff.component.html
@@ -9,8 +9,8 @@
       <div class="legend-container" *ngIf="item?.data.layers;let layers">
         <div class="card menu-card">
           <div *ngIf="layers.length>1">
-            <select (change)="onLayerChanged($event.target.value)"  [value]="itemLayer.layerIndex">
-              <option *ngFor="let l of layers;" [value]="l.index">{{l.name}}</option>
+            <select (change)="onLayerChanged($event.target.value)">
+              <option *ngFor="let l of layers;" [value]="l.index"  [selected]="itemLayer.layerIndex == l.index">{{l.name}}</option>
             </select>
           </div>
           <fm-map-layer-legend [layer]="layer(layers,itemLayer.layerIndex)" [histogramenabled]="true"></fm-map-layer-legend>
diff --git a/projects/common-map/src/fm-map/components/selected-item-shape/selected-item-shape.component.html b/projects/common-map/src/fm-map/components/selected-item-shape/selected-item-shape.component.html
index 0701b51..5df8f70 100644
--- a/projects/common-map/src/fm-map/components/selected-item-shape/selected-item-shape.component.html
+++ b/projects/common-map/src/fm-map/components/selected-item-shape/selected-item-shape.component.html
@@ -9,8 +9,8 @@
       <div class="legend-container" *ngIf="item?.data.layers;let layers">
         <div class="card menu-card">
           <div *ngIf="layers.length>1">
-            <select (change)="onLayerChanged($event.target.value)"  [value]="itemLayer.layerIndex">
-              <option *ngFor="let l of layers;" [value]="l.index">{{l.name}}</option>
+            <select (change)="onLayerChanged($event.target.value)">
+              <option *ngFor="let l of layers;" [value]="l.index" [selected]="itemLayer.layerIndex == l.index">{{l.name}}</option>
             </select>
           </div>
           <fm-map-layer-legend [showTitle]="layers.length==1" [layer]="layer(layers,itemLayer.layerIndex)" [histogramenabled]="true"></fm-map-layer-legend>
diff --git a/projects/common-map/src/fm-map/components/selected-item-temporal/selected-item-temporal.component.html b/projects/common-map/src/fm-map/components/selected-item-temporal/selected-item-temporal.component.html
index 7734d29..32b070e 100644
--- a/projects/common-map/src/fm-map/components/selected-item-temporal/selected-item-temporal.component.html
+++ b/projects/common-map/src/fm-map/components/selected-item-temporal/selected-item-temporal.component.html
@@ -24,8 +24,8 @@
         </div>
         <div class="card menu-card pt-2">
           <div *ngIf="layers.length>1">
-            <select (change)="onLayerChanged($event.target.value)" [value]="itemLayer.layerIndex">
-              <option *ngFor="let l of layers;" [value]="l.index">{{l.name}}</option>
+            <select (change)="onLayerChanged($event.target.value)">
+              <option *ngFor="let l of layers;" [value]="l.index"  [selected]="itemLayer.layerIndex == l.index">{{l.name}}</option>
             </select>
           </div>
           <fm-map-layer-legend [layer]="layer(layers,itemLayer.layerIndex)" [histogramenabled]="true"></fm-map-layer-legend>