Angular Gauntlets: Một công cụ hữu ích cho các nhà phát triển Angular
Angular Gauntlets là một tiện ích miễn phí dành cho Chrome được phát triển bởi yannickglt. Nó thuộc danh mục Trình duyệt và cụ thể là danh mục Tiện ích & Công cụ. Công cụ hữu ích này cung cấp các phím tắt để dễ dàng gỡ lỗi ứng dụng Angular của bạn, là một công cụ không thể thiếu đối với các nhà phát triển Angular.
Với Angular Gauntlets, bạn có thể truy cập các thành phần và nhà cung cấp của ứng dụng Angular của bạn trực tiếp từ bảng phần tử Chrome DevTools. Chỉ cần nhấp vào một phần tử DOM trong bảng và sử dụng một trong các từ khóa sau đây trong bảng điều khiển để truy cập chức năng mong muốn:
- $component: Bằng cách nhấp vào một phần tử DOM liên quan đến một thành phần Angular, bạn có thể truy cập vào phiên bản của nó và tương tác với nó.
- $context: Từ khóa này cho phép bạn hiển thị ngữ cảnh của một phần tử DOM, chẳng hạn như thành phần Angular cha hoặc một hàng ngFor.
- $scope: Tương tự như $component, nhưng áp dụng cho các phần tử con. Nó là một sự thay thế tuyệt vời cho AngularJS Batarang cho Angular.
- $providers: Từ khóa này cung cấp một danh sách các nhà cung cấp được khởi tạo trong ứng dụng Angular của bạn, cho phép bạn thử nghiệm với chúng (không được hỗ trợ bởi Angular 9).
- $detectChanges(): Sử dụng từ khóa này để kích hoạt phát hiện thay đổi Angular và áp dụng các thay đổi của bạn.
- log$(obs): Từ khóa này ghi lại giá trị đầu tiên của observable được cung cấp.
Ngoài ra, Angular Gauntlets cung cấp một bản xem trước của tất cả thông tin này trong tab Angular của bảng phần tử Chrome DevTools. Chuyển đổi giữa các phần tử sẽ ngay lập tức làm mới dữ liệu, cung cấp cho bạn các cập nhật theo thời gian thực.
Tổng thể, Angular Gauntlets là một công cụ có giá trị giúp đơn giản hóa quá trình gỡ lỗi cho các nhà phát triển Angular. Giao diện trực quan và các phím tắt tiện lợi của nó giúp dễ dàng truy cập và thao tác các thành phần và nhà cung cấp trong ứng dụng Angular của bạn.
