要保存使用renderer2创建的nativeElement的引用,你可以使用一个变量来存储它。以下是一个示例代码:
import { Component, ElementRef, Renderer2 } from '@angular/core';
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent {
myElement: ElementRef;
constructor(private renderer: Renderer2) {}
ngAfterViewInit() {
this.myElement = this.renderer.createElement('div');
this.renderer.appendChild(document.body, this.myElement.nativeElement);
// 现在你可以在其他地方使用this.myElement来引用新创建的div元素
}
}
在上面的示例中,我们使用ElementRef
类型的myElement
变量来存储新创建的div元素的引用。在ngAfterViewInit
生命周期钩子中,我们使用renderer2
创建了一个新的div元素,并将其附加到document.body
中。这样,我们就可以在其他地方使用this.myElement
来引用这个新创建的div元素。