fix: Define local vars to display content

src/adjuster/adjuster.directive.html

@@ -6,7 +6,7 @@
         [disabled]="adjusterService.isClusteringInProcess() || noDataSelected()">Calculate clusters</button>
       <div class="text-warning pt-2" [hidden]="!noDataSelected()">Select at least one dataset and set at least one factor's weight to a non-zero value.</div>
     </div>
-    <div *ngFor="let factor of adjusterService.factors">
+    <div *ngFor="let factor of adjusterService.factors; let datasetlistVisible = false">
       <div class="d-flex flex-row">
         <div class="p-2 flex-grow-1">
           <span class="glyphicon cursor-pointer"
@@ -17,8 +17,8 @@
         <div class="p-2">{{(factor.weight * 100).toFixed(0)}}&nbsp;%</div>
       </div>
       <input type="range" class="custom-range" [(ngModel)]="factor.weight" min="0" max="1.0" step="0.05">
-      <div ng-init="datasetlistVisible = false" [hidden]="!datasetlistVisible">
-        <div *ngFor="let dataset of factor.datasets">
+      <div [hidden]="!datasetlistVisible">
+        <div *ngFor="let dataset of factor.datasets; let descriptionVisible = false">
           <button type="button" class="btn btn-sm btn-light hs-lm-item-visibility"
             [ngClass]="dataset.included ? 'hs-checkmark' : 'hs-uncheckmark'"
             (click)="dataset.included = !dataset.included;$event.stopPropagation()"></button>