Angular state inspector
Helps you debug Angular component state. Supports Angular 1/2+/Ivy!
Angular state inspector là gì?
Angular state inspector là một tiện ích mở rộng Chrome được phát triển bởi Anton Lunev, và tính năng chính của nó là "Helps you debug Angular component state. Supports Angular 1/2+/Ivy!".
Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng
Tải xuống tệp CRX của tiện ích mở rộng Angular state inspector
Tải xuống các tệp mở rộng Angular state inspector dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.
Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng
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 Thông Tin Cơ Bản về Tiện Ích Mở Rộng
| Tên |  Angular state inspector |
| ID | nelkodgfpddgpdbcjinaaalphkfffbem |
| URL Chính Thức | https://chromewebstore.google.com/detail/angular-state-inspector/nelkodgfpddgpdbcjinaaalphkfffbem |
| Mô tả | Helps you debug Angular component state. Supports Angular 1/2+/Ivy! |
| Kích Thước Tệp | 36.35 KB |
| Số Lần Cài Đặt | 35,245 |
| Phiên Bản Hiện Tại | 1.4.6 |
| Cập Nhật Lần Cuối | 2021-08-23 |
| Ngày Phát Hành | 2020-05-17 |
| Đánh Giá | 4.73/5 Tổng số 60 Đánh Giá |
| Nhà Phát Triển | Anton Lunev |
| [email protected] | |
| Loại Thanh Toán | free |
| Trang Web Mở Rộng | https://github.com/anton-lunev/angular-state-inspector |
| Ngôn Ngữ Được Hỗ Trợ | 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"
}
} | |
