comparison src/app/visualisations/vertical-scale.component.ts @ 393:a02e6ec4a9d2

cross-hair-inspector component, much the same technique used for the vertical-scale. Change curve to use it. Doesn't currently animate.

 /**
  * Created by lucas on 01/06/2017.
  */
-import {VerticallyBounded} from "./waves-base.component";
+import {VerticalScaleRenderer} from './waves-base.component';
 import {
   ChangeDetectionStrategy,
   Component,
   ContentChildren,
   QueryList,
   AfterViewInit
-} from "@angular/core";
+} from '@angular/core';
 
 @Component({
   selector: 'ugly-vertical-scale',
   template: '<ng-content></ng-content>',
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class VerticalScaleComponent implements AfterViewInit {
 
-  @ContentChildren(VerticallyBounded) bounded: QueryList<VerticallyBounded>;
+  @ContentChildren(
+    VerticalScaleRenderer
+  ) bounded: QueryList<VerticalScaleRenderer>;
+  protected cachedRanged: [number, number];
 
   ngAfterViewInit(): void {
     this.bounded.forEach(component => {
-      const range = component.range;
-      if (range) {
-        component.renderScale(range);
+      this.cachedRanged = component.range;
+      if (this.cachedRanged) {
+        component.renderScale(this.cachedRanged);
       }
     });
   }
 }