如何从DOM中删除element.nativeElement？

Question

我这样尝试：

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

this.draggableElement.nativeElement.remove();

HTML：

<div #draggable>Block</div>

Answer 1

您的代码也将起作用，只需要做的就是在OnInit（）上删除元素，如果尝试在构造函数上删除元素，则该时间视图尚未准备好。

这是一个例子

在.html中

<div #draggable>Block</div>

和.ts

export class AppComponent implements OnInit {
  name="Angular";

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

  constructor() { }

  ngOnInit() {
   this.draggableElement.nativeElement.remove();
  }
}

这是一个Stackblitz演示