angular - 如何获取 HTML 元素的 DropListRef？

Question

我需要将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>

Answer 1

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

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

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

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