Angular2:ElementRef nativeElement vs querySelector性能

Question

有时我必须去DOM event listners,从那以后

我比较熟悉,querySelector我可以更轻松地使用它.

但我想知道提供什么ElementRef以及哪一个更好.

Answer 1

ElementRef并Renderer提供DOM API的一部分的抽象,允许在没有实际的浏览器DOM可用时执行一些与DOM相关的操作,就像Angular应用程序由服务器或WebWorker执行时一样.不使用此抽象可能会阻止您的应用程序使用服务器端呈现或WebWorkers.

https://github.com/angular/universal允许服务器端呈现并需要在服务器上进行设置.如果您这样做,Google Bots和浏览器客户端会从Angular组件中获取预呈现的HTML.只使用`ElementRef`和`Renderer`本身不提供任何东西.如果您使用它们而不是直接访问DOM,那么您的应用程序将与Angular2 Universal或WebWorkers兼容,以防您最终想要启用此功能. (3认同)