关于angular:一个用于-Angular-开发的-Chrome-扩展-Angular-Dev-Tools

6次阅读

共计 377 个字符,预计需要花费 1 分钟才能阅读完成。

该扩大装置到 Chrome 浏览器之后,Chrome 开发者工具会多出一个标签页:

能够在 Component 面板里查看 Component 的属性,或者间接对其批改:

在 Component 面板里双击某个节点,就能主动在 Angular UI 上将其对应的 DOM 节点高亮进去:

成果如下图所示:

能查看 Angular 以后版本:

点击该图标,能间接查看 Component 的实现源代码:

能够间接对 @Input 属性做编辑,并立刻失去后果。

看一个例子:

下图 Popover 对话框,右上角具备一个 close 按钮。

这个按钮显示与否,通过 Directive 实现的 cxPopoverOptions 这个 input 属性的 displayCloseButton 字段指定:

我在 Angular Dev tools 里将其批改成 false,这样对话框里就没有 close 按钮了:

更多 Jerry 的原创文章,尽在:” 汪子熙 ”:

正文完
 0