如何从DOM中删除element.nativeElement?

问题描述

我尝试过这种方式:

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

this.draggableElement.nativeElement.remove();

HTML:

<div #draggable>Block</div>

推荐答案

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

Your code will also worked, only you have to do that is remove element on OnInit(), If you try to remove elements on constructor then that time view not be ready.

这是一个例子

在 .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 演示

这篇关于如何从DOM中删除element.nativeElement?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！