๋กœ๊ทธ์ธ
Angular state inspector ๋ฏธ๋ฆฌ๋ณด๊ธฐ

Angular state inspector ์ œ์ž‘์ž: Ihor Klymenok

Inspect State of the Angular components easily

3.4 (12 reviews)
์‚ฌ์šฉ์ž 579๋ช…
์ด ํ™•์žฅ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜๋ ค๋ฉด Firefox๊ฐ€ ํ•„์š”ํ•จ
Firefox๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ํ™•์žฅ ๊ธฐ๋Šฅ์„ ๋ฐ›์œผ์„ธ์š”
ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ
์Šคํฌ๋ฆฐ์ƒท
Page overview with open devtools on "State" panel tab. Angular component is selectedDevtools view on "State" panel tab. Angular component is selected.Closer look on "State" panel tab
์ •๋ณด
This add-on adds a small "State" panel to the inspector view, that allows you to inspect a component internals directly as a simple object.
Note: extension works only with DEV mode of Angular. The best case where you can use it - localy with running dev server.

How to use:
  1. Install an add-on
  2. "ng serve" your angular application
  3. On page of your app open devtools and check "State" panel INSIDE "Inspector" view
12๋ช…์˜ ๋ฆฌ๋ทฐ์–ด๊ฐ€ 3.4๋กœ ํ‰๊ฐ€ํ•จ

๋ณ„์  ์ €์žฅ๋จ

5
4
4
3
3
1
2
2
1
2
๊ถŒํ•œ ๋ฐ ๋ฐ์ดํ„ฐ๋” ์•Œ์•„๋ณด๊ธฐ

ํ•„์š”ํ•œ ๊ถŒํ•œ:

  • ์—ด๋ ค์žˆ๋Š” ํƒญ์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผํ•˜๋„๋ก ๊ฐœ๋ฐœ์ž ๋„๊ตฌ ํ™•์žฅ
์ถ”๊ฐ€ ์ •๋ณด
๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋งํฌ
๋ฒ„์ „
1.5.0
ํฌ๊ธฐ
14.92 KB
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
4๋…„ ์ „ (2021๋…„ 6์›” 12์ผ)
๊ด€๋ จ ์นดํ…Œ๊ณ ๋ฆฌ
๋ชจ์Œ์ง‘์— ์ถ”๊ฐ€
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ์‹ ๊ณ 
๋ฒ„์ „ 1.5.0์˜ ์ถœ์‹œ ์ •๋ณด
In this version representation of component's state was improved.
Specifically:
1. "state" was shallowed in order to not expand "state" each time when you are trying to investigate component's internals.
2. circular references were removed, so from now you should see state in beautiful manner
Ihor Klymenok ๋‹˜์˜ ๋‹ค๋ฅธ ํ™•์žฅ ๊ธฐ๋Šฅ