canvas component

cool-gl.component.ts

import {
  AfterViewInit, Component, ElementRef, OnDestroy, ViewChild
} from '@angular/core';

@Component({
  selector: 'cool-gl',
  template: `
    <canvas #lookupTag></canvas>`
})
export class CoolGLComponent implements AfterViewInit, OnDestroy {
  @ViewChild('lookupTag') canvasRef: ElementRef;

  // Called after the view is totally initialized and the "View query" 
  // from `@Viewchild` has resolved.
  ngAfterViewInit(): void {
    const canvas: HTMLCanvasElement = this.canvasRef.nativeElement;
    console.log('found yer canv(ass) like whoa: ' + canvas);
    // Do yer wiring up three.js here.
  }
  ngOnDestroy(): void {
    // Clean up your things, jerk.
  }
}