dom - Angular 2 : Get dimensions of DOM-Element (without ElementRef)

Question

我尝试获取 DOM 元素的尺寸(高度/宽度)。 至于安全原因(参见 https://angular.io/docs/ts/latest/guide/security.html)我不想直接访问 DOM。

还有其他想法吗？

Answer 1

你可以这样做

import { Component } from '@angular/core';

@Component({
  selector: 'my-selector',
  template: '<div #myDiv (click)=getElementDimensions(myDiv)>Hello</div>'
})
export class AboutComponent {

  constructor() { }

  getElementDimensions(el: HTMLDivElement) {
    console.log(el.getBoundingClientRect())
  }

}