Angular 2：获取HTML元素的位置

Question

我试图在Angular 2中实现一个自定义指令，用于移动任意的HTML元素。到目前为止，所有的工作都在进行中，除了我现在不知道如何获得HTML元素的初始位置时，我点击它并且想要开始移动。我结合top和left风格我的HTML元素与两个主机绑定：

/** current Y position of the native element. */ 
@HostBinding('style.top.px') public positionTop: number; 

/** current X position of the native element. */ 
@HostBinding('style.left.px') protected positionLeft: number; 

的问题是，他们两人都是undefined开头。我只能更新将更新HTML元素的值，但我无法读取它？这是否应该是这样？如果是，还有什么替代方法可以检索HTML元素的当前位置。

Answer 1

<div (click)="move()">xxx</div> 

// get the host element 
constructor(elRef:ElementRef) {} 

move(ref: ElementRef) { 
    console.log(this.elRef.nativeElement.offsetLeft); 
} 

又见https://stackoverflow.com/a/39149560/217408