该扩展安装到 Chrome 浏览器之后，Chrome 开发者工具会多出一个标签页：
可以在 Component 面板里查看 Component 的属性，或者直接对其修改：
在 Component 面板里双击某个节点，就能自动在 Angular UI 上将其对应的 DOM 节点高亮出来：
效果如下图所示：
能查看 Angular 当前版本：
点击该图标，能直接查看 Component 的实现源代码：
可以直接对 @Input 属性做编辑，并立即得到结果。
看一个例子：
下图 Popover 对话框，右上角具有一个 close 按钮。
这个按钮显示与否，通过 Directive 实现的 cxPopoverOptions 这个 input 属性的 displayCloseButton 字段指定：
我在 Angular Dev tools 里将其修改成 false，这样对话框里就没有 close 按钮了：
更多Jerry的原创文章，尽在："汪子熙":
该扩展安装到 Chrome 浏览器之后，Chrome 开发者工具会多出一个标签页： 可以在 Component 面...
Angular 是由谷歌开发与维护一个开发跨平台应用程序的框架，同时适用于各种平台 1.Angular 与 Ang...
Clockwork是一个用于PHP开发调试的Chrome扩展工具，该扩展工具在chrome浏览器的开发者工具中新增...
1.Angular扩展了HTML属性： ng-directives属性绑定到HTML； ng-app定义一个Ang...
Chrome扩展开发 标签（空格分隔）： Chrome扩展 1、写在前面 Chrome插件是一个用Web技术开发...
Angular 工作区根级别的 angular.json 文件提供工作区范围和项目特定的默认配置。这些用于 Ang...
顾名思义，chrome扩展，就是chrome浏览器的扩展。 chrome扩展，是使用chrome本身api开发的工...
Mac下导出chrome插件Chrome Extensions 插件扩展程序开发入门mac 下chrome扩展插件...
ionic3开发框架是angular4，所以了解一下angular4的一些基础知识，能让你更好的开发应用。 ang...
调试Angular：Chrome-扩展程序-Batarang 医嘱分类 所用到的表： select distinc...
本文标题：一个用于 Angular 开发的 Chrome 扩展 - Ang
本文链接：https://www.haomeiwen.com/subject/ibwgmltx.html
网友评论