要在Angular 7中使用DOM元素,你可以使用Angular的Renderer2服务来操作DOM元素。以下是一个示例解决方法:
import { Component, ElementRef, Renderer2 } from '@angular/core';
constructor(private elRef: ElementRef, private renderer: Renderer2) {}
const newElement = this.renderer.createElement('div');
this.renderer.setAttribute(element, 'class', 'my-class');
this.renderer.appendChild(parentElement, newElement);
this.renderer.removeChild(parentElement, childElement);
this.renderer.setStyle(element, 'color', 'blue');
this.renderer.listen(element, 'click', () => {
console.log('Element clicked');
});
注意:在使用Renderer2服务时,不要直接操作DOM元素,而是使用Renderer2提供的方法来操作DOM元素。这样可以确保你的应用程序在不同平台上的兼容性和可靠性。
希望以上解决方法对你有帮助!