¿Cómo eliminar element.nativeElement de DOM?

Solución:

Su código también puede funcionar, todo lo que tiene que hacer es eliminar el elemento en OnInit (), Si intenta eliminar elementos en el constructor, la vista no estará lista.

aquí hay un ejemplo

en .html

    <div #draggable>Block</div>

y en .ts

    export class AppComponent implements OnInit {
      name="Angular";
    
      @ViewChild('draggable') private draggableElement: ElementRef;
    
      constructor() { }
    
      ngOnInit() {
       this.draggableElement.nativeElement.remove();
      }
    }

aquí hay una demostración de Stackblitz

Servicio de User Renderer2 para eliminar el elemento de dom

removeChild () Implemente esta devolución de llamada para eliminar un nodo hijo del DOM del elemento host.

@ViewChild('draggable')  draggableElement: ElementRef;
constructor(private renderer2: Renderer2,private el:ElementRef) {}
ngOnInit() {
  this.renderer2.removeChild(this.el.nativeElement,this.draggableElement.nativeElement);
}

Ejemplo: https: //stackblitz.com/edit/angular-renderer2-remove

---

---

Utiliza Nuestro Buscador