Angular 2 Renderer2 - 它是如何工作的

Angular 2 Renderer2 - how it works

我正在尝试了解在 angular 2.

中的指令或组件中添加 renderer2 装饰的必要性

来自文档:renderer 2 documentaion 他们没有提供锄头工作的例子。任何人都可以解释完整 example.please

Renderer2 只是一个抽象。 如果您使用通用(服务器端渲染)或 WebWorkers,则没有 DOM 可用,直接访问 DOM 的代码只会导致异常。

如果您使用 Renderer2,Angular 可以使用其依赖注入功能提供不同的实现,使您的代码使用与代码当前 [=28= 的平台兼容的实现]上。

Renderer2 非常有限,因为所有方法只允许更新 DOM,但是 none 允许 读取 来自DOM。 如果您确实需要阅读,则需要采取特殊措施使其与 Universal 或 WebWorker 一起使用(例如,检查当前平台并跳过直接访问 DOM 的代码的执行,如果它不是浏览器平台,或者使用当前平台提供的其他)