Angular 如何改变块在角度上的位置？

我在页面上有

div

元素：

<div #draggable></div>

@ViewChild('draggable') private draggableElement: ElementRef;

---

但它不起作用

如果元素具有绝对位置，则可以设置

left

和

top

样式属性：

this.draggableElement.nativeElement.style.left = "100px";
this.draggableElement.nativeElement.style.top = "200px";

另一种方法是使用CSS转换移动它：

this.draggableElement.nativeElement.style.transform = "translateX(100px)";
this.draggableElement.nativeElement.style.transform = "translateY(200px)";
this.draggableElement.nativeElement.style.transform = "translate(100px, 200px)";

---

如果元素具有绝对位置，则可以设置

left

和

top

样式属性：

this.draggableElement.nativeElement.style.left = "100px";
this.draggableElement.nativeElement.style.top = "200px";

另一种方法是使用CSS转换移动它：

this.draggableElement.nativeElement.style.transform = "translateX(100px)";
this.draggableElement.nativeElement.style.transform = "translateY(200px)";
this.draggableElement.nativeElement.style.transform = "translate(100px, 200px)";

---

谢谢，如何从

$event

获取窗口坐标？您可以查看。提供各种技术来获取元素的位置（如果这就是您所说的“窗口”）。您还可以检索元素的

left

和

top

样式属性的当前值。并使用

window.scrollX

和

window.scrollY

获取滚动位置。谢谢，如何从

$event

获取窗口坐标？您可以查看。提供各种技术来获取元素的位置（如果这就是您所说的“窗口”）。您还可以检索元素的

left

和

top

样式属性的当前值。并使用

window.scrollX

和

window.scrollY

获取滚动位置。