Angular 2 get element height

Question

I have a really simple example here

Its just an angular app with a single div

Is it possible to get the height of the div in angular

I thought I could do it with @ViewChild and offsetHeight

import {Component, ElementRef, ViewChild} from '@angular/core';  @Component({   selector: 'my-app',   templateUrl: './src/app.html' })  export class AppComponent{    @ViewChild('content') elementView: ElementRef;    contentHeight: number;    constructor() {    }    //contentHeight = this.elementView.nativeElement.offsetHeight  } 

Answer 1

The ViewChild decorated variable elementView is only set after the ngAfterViewInit life cycle hook:

import {Component, ElementRef, ViewChild, AfterViewInit} from '@angular/core';  @Component({   selector: 'my-app',   templateUrl: './src/app.html' })  export class AppComponent implements AfterViewInit {    @ViewChild('content') elementView: ElementRef;    contentHeight: number;    constructor() {    }    ngAfterViewInit() {       this.contentHeight = this.elementView.nativeElement.offsetHeight;   } } 

See https://angular.io/api/core/ViewChild#how-to-use for more info.