Mẹo # 19 [nhập lại NgZone]

Chạy mã bên ngoài NgZone là một trong những kỹ thuật tối ưu hóa phổ biến cho các ứng dụng Angular. Theo mặc định, bộ hẹn giờ kích hoạt quá trình phát hiện thay đổi, mặc dù nó là thừa:

Trong ví dụ trên, quy trình được thực hiện cho mỗi lần đánh dấu đếm ngược , trong khi từ góc độ của ứng dụng, nó chỉ cần thiết khi Lời hứa được trả về bởi chức năng đếm ngược được giải quyết .

Nếu bạn chạy mã bên ngoài NgZone , bạn sẽ thoát khỏi các lần chạy phát hiện thay đổi dư thừa:

Mặc dù, các tác vụ không yêu cầu cập nhật ràng buộc (đăng nhập vào bảng điều khiển, xóa lớp CSS) đã được thực hiện chính xác , chế độ xem vẫn hiển thị thông tin trạng thái cũ. Nó bắt nguồn từ thực tế là để cập nhật thông tin trạng thái, quá trình phát hiện thay đổi phải được thực hiện. May mắn thay, bạn có thể dễ dàng nhập lại NgZone , thông báo cho Angular rằng có điều gì đó đã thay đổi và bạn cần thực hiện chạy phát hiện thay đổi:

Ví dụ trực tiếp:

Nếu bạn thích mẹo này, hãy cho tôi một tràng pháo tay nhé 👏