在Angular 7中,elementRef的用法稍有变化。以下是一个示例代码,展示了如何在Angular 7中使用elementRef:
在组件中引入elementRef:
import { Component, ElementRef, OnInit } from '@angular/core';
@Component({
selector: 'app-example',
template: 'Example'
})
export class ExampleComponent implements OnInit {
constructor(private elementRef: ElementRef) { }
ngOnInit() {
const element = this.elementRef.nativeElement.querySelector('#myElementRef');
console.log(element);
}
}
在上面的代码中,我们在模板中使用了一个div标签,并为其添加了一个#myElementRef,这样我们就可以在组件中通过elementRef来获取对该元素的引用。
然后,在ngOnInit方法中,我们使用elementRef.nativeElement.querySelector来获取具有指定id的元素。在这个例子中,我们获取了id为myElementRef的元素,并将其打印到控制台。
请注意,使用elementRef需要小心,并且应该尽量避免直接操作DOM。在Angular中,推荐使用数据绑定和事件绑定来操作DOM。