Angular state inspector sa Chrome kasama ang OffiDocs

DESCRIPTION

Angular State Inspector para sa Angular Sinusuportahan ang lahat ng bersyon ng Angular: - AngularJs - Angular 2+ - Angular Ivy - Hybrid apps (AngularJs + Angular) Pinapalawak ang Chrome Developer Tools para sa Angular web app.

Nagdaragdag ng bagong panel na "State" sa tab na Mga Elemento, na nagpapakita ng estado ng napiling elemento.

Nagpi-print ng estado ng napiling elemento sa console sa pamamagitan ng pagtawag sa variable na "$state."

Depende sa angular na bersyon maaari itong magpakita ng: - Component state - Directives - Context, tulad ng ngForOf o ngIf values ​​- Event listener Kung naaangkop sila sa kasalukuyang elemento.

Binibigyang-daan ka rin ng Angular State Inspector na baguhin ang mga value sa panel na "State" (double click sa value) at mula sa console(hal.

g.

$estado.

pamagat = 'bagong halaga').

Para maglapat ng mga pagbabago, tawagan lang ang $apply() sa console.

Tingnan ang lahat ng sinusuportahang command sa chrome console.

Bersyon 1.4.6: - Ipakita ang mensahe ng impormasyon kung hindi available ang $ctrl sa napiling saklaw.

- I-update ang object ng $state kahit na hindi ito available.

Bersyon 1.4.5: - [ivy] Ipakita ang impormasyon mula sa ng.

getComponent().

Kung ito ay null, ipakita ang OwningComponent na estado.

Bersyon 1.4.4: - I-update ang logo ng extension Bersyon 1.4.3: - Return result emoji sa `$apply()` call Bersyon 1.4.2: - Inayos ang pag-edit ng props at pag-detect ng pagbabago Bersyon 1.4.1: - I-print ang palaging napapanahon na estado sa console Bersyon 1.4: - Buong suporta angular 9 Ivy api Bersyon 1.3: - Nagdagdag ng pang-eksperimentong suporta ng Ivy - Nagdagdag ng mga shortcut na magagamit mo sa console

Karagdagang impormasyon:

- Inaalok ni Anton Lunev
- Average na rating: 4.75 bituin (nagustuhan ito)
- Developer Ang e-mail address ay protektado mula sa spambots. Kailangan mo enable ang JavaScript upang tingnan ito.

Angular state inspector web extension isinama sa OffiDocs Chromium online