Angular state inspector
Helps you debug Angular component state. Supports Angular 1/2+/Ivy!
Angular state inspector란 무엇입니까?
Angular state inspector은(는) Anton Lunev에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "Helps you debug Angular component state. Supports Angular 1/2+/Ivy!"입니다.
확장 프로그램 스크린샷
Angular state inspector 확장 프로그램 CRX 파일 다운로드
크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.
확장 프로그램 사용 설명서
Angular State Inspector for Angular
Supports all versions of Angular:
- AngularJs
- Angular 2+
- Angular Ivy
- Hybrid apps (AngularJs + Angular)
Extends the Chrome Developer Tools for Angular web apps.
Adds new panel "State" to Elements tab, that displays the state of selected element.
Prints state of selected element in console by calling "$state" variable.
Depending on angular version it can show:
- Component state
- Directives
- Context, like ngForOf or ngIf values
- Event listeners
If they are applicable to the current element.
Angular State Inspector also allows you to modify the values in the "State" panel (double click on value) and from console(e.g. $state.title = 'new value').
To apply changes just call $apply() in console.
See all supported commands in chrome console.
Version 1.4.6:
- Show info message if $ctrl is not available in selected scope.
- Update $state object even if it's not available.
Version 1.4.5:
- [ivy] Show info from ng.getComponent(). If it's null then show OwningComponent state.
Version 1.4.4:
- update extension logo
Version 1.4.3:
- Return result emoji on `$apply()` call
Version 1.4.2:
- Fixed props editing and change detection
Version 1.4.1:
- Print always up to date state in console
Version 1.4:
- Full support angular 9 Ivy api
Version 1.3:
- Added experimental support of Ivy
- Added shortcuts that you can use in console 확장 프로그램 기본 정보
| 이름 |  Angular state inspector |
| ID | nelkodgfpddgpdbcjinaaalphkfffbem |
| 공식 URL | https://chromewebstore.google.com/detail/angular-state-inspector/nelkodgfpddgpdbcjinaaalphkfffbem |
| 설명 | Helps you debug Angular component state. Supports Angular 1/2+/Ivy! |
| 파일 크기 | 36.35 KB |
| 설치 횟수 | 35,245 |
| 현재 버전 | 1.4.6 |
| 최근 업데이트 | 2021-08-23 |
| 출시 날짜 | 2020-05-17 |
| 평점 | 4.73/5 총 60 개의 평점 |
| 개발자 | Anton Lunev |
| 이메일 | [email protected] |
| 결제 유형 | free |
| 확장 프로그램 웹 사이트 | https://github.com/anton-lunev/angular-state-inspector |
| 지원되는 언어 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 3,
"name": "Angular state inspector",
"description": "Helps you debug Angular component state. Supports Angular 1\/2+\/Ivy!",
"version": "1.4.6",
"devtools_page": "index.html",
"author": "Anton Lunev",
"icons": {
"16": "img\/icons\/angular-16.png",
"48": "img\/icons\/angular-48.png",
"128": "img\/icons\/angular-128.png"
}
} | |
