將頂部和左側設置為ViewChild元素？ 角4

Question

我需要將offesetTop和offsetLeft設置為我的viewchild元素，以將其放置在另一個元素的懸停上。 這是一個工具提示，所以這是我嘗試的方法：

<div (mouseover)="showPopup($event, price)"></div>
<div #tooltip>Some text</div>

這是我的div，在TS中，我有：

@ViewChild('tooltip') tooltip: ElementRef;

showPopup(event, price) {

    price.show = true;
    this.tooltip.nativeElement.offsetTop = event.target.offsetTop;
    this.tooltip.nativeElement.offsetLeft = event.target.offsetLeft;
  }

但是我收到以下錯誤：

無法將對象'[object HTMLDivElement]'的屬性'offsetTop'分配為只讀。 有什么建議嗎？

Answer 1

offsetTop和offsetLeft在瀏覽器中是只讀的，與Angular沒有任何關系。

也許這對您有用：

<div [style.top.px]="top" [style.left.px]="left">Some text</div>

class MyComponent {
  top: number;
  left: number;
}