Sự khác nhau giữa Renderer và ElementRef ở góc 2

Question

Sự khác biệt giữa Renderer và ElementRef là gì? Trong Angular, cả hai đều được sử dụng cho DOM Thao tác. Tôi hiện đang sử dụng ElementRef một mình để viết chỉ thị Angular 2. Nếu tôi có thêm thông tin về Renderer, tôi có thể sử dụng thông tin đó trong các chỉ thị trong tương lai của mình.

Answer 1

Renderer là lớp trừu tượng một phần trên DOM. Sử dụng Renderer để thao tác DOM không phá vỡ hiển thị phía máy chủ hoặc Công nhân Web (nơi truy cập trực tiếp vào DOM sẽ bị hỏng).

ElementRef là lớp có thể chứa tham chiếu đến phần tử DOM. Điều này một lần nữa là một trừu tượng không phá vỡ trong môi trường nơi DOM trình duyệt không thực sự có sẵn.

Nếu ElementRef được tiêm vào một thành phần, thể hiện được tiêm là tham chiếu đến phần tử máy chủ của thành phần hiện tại.

Có nhiều cách khác để có được ví dụ ElementRef như @ViewChild(), @ViewChildren(), @ContentChild(), @ContentChildren(). Trong trường hợp này, ElementRef là tham chiếu đến (các) yếu tố phù hợp trong mẫu hoặc trẻ em.

Renderer và ElementRef không phải là "cái này hay cái kia", nhưng thay vào đó chúng phải được sử dụng cùng nhau để có được sự trừu tượng nền tảng đầy đủ.

Renderer hoạt động trên DOM và ElementRef là tham chiếu đến phần tử trong DOM Renderer hoạt động.

Answer 2

Lưu ý rằng bạn nên hạn chế sử dụng ElementHref vì nó bị gắn cờ với rủi ro bảo mật.

góc 2 Tài liệu:

"Cho phép truy cập trực tiếp vào DOM có thể làm cho ứng dụng của bạn dễ bị tấn công XSS Xem xét cẩn thận bất kỳ sử dụng ElementRef trong mã của bạn Để cụ thể hơn, hãy xem Hướng dẫn an ninh... "

"Sử dụng API này làm phương sách cuối cùng khi cần truy cập trực tiếp vào DOM. Thay vào đó, hãy xem Renderer cung cấp API có thể sử dụng an toàn ngay cả khi truy cập trực tiếp thành phần tử gốc không được hỗ trợ. "