如何从 DOM 中删除 element.nativeElement? [英] How delete element.nativeElement from DOM?

问题描述

我试过这种方式:

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

    this.draggableElement.nativeElement.remove();

HTML:

    <div #draggable>Block</div>

推荐答案

您的代码也可以工作，您所要做的就是在 OnInit() 上删除元素，如果您尝试在 OnInit() 上删除元素构造函数，视图还没有准备好.

Your code can also work, all you have to do is remove element on OnInit(), If you try to remove elements on constructor, the 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?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！