自定义属性指令中的 ElementRef 与 Renderer 有什么作用？

Question

为了能够支持跨平台，Angular 2 通过抽象层封装了不同平台的差异，统一了 API 接口。如定义了抽象类 Renderer 、抽象类 RootRenderer 等。此外还定义了以下引用类型：ElementRef、TemplateRef、ViewRef 、ComponentRef 和 ViewContainerRef 等。

ElementRef 允许你访问和操作原生 DOM 元素，而 Renderer 提供了一个平台无关的方式来修改 DOM 元素，从而避免直接操作 DOM，提升了应用的可移植性和安全性。使用 Renderer 可以更安全地进行 DOM 操作，因为它会考虑到不同的浏览器和平台的兼容性。