如何获取 HTML 元素的 DropListRef？

如何解决如何获取 HTML 元素的 DropListRef？

我需要 DropListRef 将其与使用 createDropList() 方法创建的另一个列表相关联。我需要的DropListRef：

<div
     (cdkDropListDropped)="drop($event)"
     (cdkDropListEntered)="dropListEntered()"
     cdkDropList
     [cdkDropListConnectedTo]="['grid-drop-list','conditions-drop-list']" >
    <div cdkDrag><p>ejem1</p></div>
    <div cdkDrag><p>ejem2</p></div>
    <div cdkDrag><p>ejem3</p></div>
</div>

解决方法

1- 将 #dropListRef 添加到模板中的第一个 div。

2- 在组件端 @ViewChild('dropListRef ',{ static: true}) dropListRef: ElementRef;

ElementRef 是角度类型。您可以像这样使用 this.serverContentInput.nativeElement。

{ static: true} 用于访问 ngOnInit，OnInit 是 angular 的生命周期钩子。