Where does DOM manipulation belong in Angular 2?

Based upon recommend solution by developers: http://angularjs.blogspot.de/2016/04/5-rookie-mistakes-to-avoid-with-angular.html

  selector: 'my-comp',
  template: `
    <div #myContainer>
export class MyComp implements AfterViewInit {
  @ViewChild('myContainer') container: ElementRef;

  constructor() {}

  ngAfterViewInit() {
    var container = this.container.nativeElement;
    console.log(container.width); // or whatever

Attention: The view child name has to begin with myName and in the template you need #.

Leave a Comment