Angular Gauntlets: Alat yang Berguna untuk Pengembang Angular
Angular Gauntlets adalah add-on Chrome gratis yang dikembangkan oleh yannickglt. Ini termasuk dalam kategori Browser dan khususnya subkategori Add-ons & Tools. Alat yang berguna ini menyediakan pintasan untuk dengan mudah melakukan debug aplikasi Angular Anda, menjadikannya alat yang wajib dimiliki bagi pengembang Angular.
Dengan Angular Gauntlets, Anda dapat mengakses komponen dan provider aplikasi Angular Anda langsung dari panel elemen Chrome DevTools. Cukup klik pada elemen DOM di panel dan gunakan salah satu kata kunci berikut di konsol untuk mengakses fungsionalitas yang diinginkan:
- $component: Dengan mengklik elemen DOM yang mengacu pada komponen Angular, Anda dapat mengakses instansinya dan berinteraksi dengannya.
- $context: Kata kunci ini memungkinkan Anda untuk menampilkan konteks elemen DOM, seperti komponen Angular induk atau baris ngFor.
- $scope: Mirip dengan $component, tetapi berlaku untuk elemen anak. Ini merupakan alternatif yang bagus untuk AngularJS Batarang untuk Angular.
- $providers: Kata kunci ini menyediakan daftar semua provider yang diinstansiasi dalam aplikasi Angular Anda, memungkinkan Anda untuk bereksperimen dengan mereka (tidak didukung oleh Angular 9).
- $detectChanges(): Gunakan kata kunci ini untuk memicu deteksi perubahan Angular dan menerapkan perubahan Anda.
- log$(obs): Kata kunci ini mencatat nilai pertama dari observable yang diberikan.
Selain itu, Angular Gauntlets menawarkan pratinjau semua informasi ini di tab Angular pada panel elemen DevTools. Beralih antara elemen akan segera memperbarui data, memberikan pembaruan secara real-time.
Secara keseluruhan, Angular Gauntlets adalah alat berharga yang menyederhanakan proses debug bagi pengembang Angular. Antarmuka intuitif dan pintasan yang nyaman membuatnya mudah untuk mengakses dan memanipulasi komponen dan provider dalam aplikasi Angular Anda.
