Sự khác biệt giữa tài liệu so với tài liệu $ trong Angular

Question

Sự khác nhau giữa việc sử dụng document và $document trong khi phát triển các ứng dụng của Angular là gì? Tôi đọc rằng tốt hơn nên sử dụng các số tương đương của góc cạnh như: $window thay vì window hoặc $timeout thay vì setTimeout.

Nhưng ... tại sao? Tôi nghĩ window, setTimeout và document nhanh hơn vì chúng là nguồn gốc và không cần phải "chuyển qua" mã khuôn khổ Góc.

Có tốt hơn khi sử dụng tương đương Angular thay vì các hàm gốc, đối tượng từ JS không?

Answer 1

Tiếp theo là luôn luôn đúng: $ window.document === $ tài liệu [0]

Answer 2

$document là một đối tượng jQuery (về cơ bản $(document)).

Vì vậy, về cơ bản bạn sẽ có thể làm:

$document[0].property = document.property 

Bạn có thể nhìn vào this cho một ví dụ.

Answer 3

Bằng cách sử dụng dịch vụ góc cho $ document và $ window, bạn làm cho bài kiểm tra đơn vị mã của bạn sẵn sàng. Việc tiêm phụ thuộc này cho phép bạn sử dụng các phiên bản giả của $ document hoặc $ window trong các thử nghiệm của bạn.

Tác động hiệu suất được đề cập có thể bị bỏ qua.

Answer 4

Bạn nên sử dụng wrapers góc, bcus nó không phá vỡ sự đồng bộ góc với model-> xem,

Đối exmaple, nếu bạn sử dụng setTimeout bạn sẽ phải $ tiêu hóa() phạm vi để làm mới các giá trị trong chế độ xem, nếu bạn có kế hoạch thay đổi một số giá trị mô hình, mặt khác nếu bạn sử dụng $ timeout, bạn không cần phải làm điều đó bcus phạm vi sẽ làm mới sau khi hàm kết thúc