Set P-Tree height based on available screen height

[PhilHuhn]

Hey,
Yeah basically. You may be able to use ElementRef.nativeElement instead of ViewChild to calculate the tree component:

Code: Select all

import { Component, OnInit, OnDestroy, AfterViewInit, ElementRef } from '@angular/core';
...
	nav: HTMLSelectElement;
	...
	constructor(
		...
		private _elementRef: ElementRef ) { }
	...
	ngAfterViewInit() {
		this.nav = this._elementRef.nativeElement.querySelector('#nav');
		...
	}

The HostListener resize event allow one to handle adjusting the browser size and will be an excellent way to test the results. As I am thinking, changing the width needs to also be checked because it may change the header. The resize in calling for debounce. You can use the debounce from #4 Window resize thresholds:

https://www.lucidchart.com/techblog/201 ... r-project/