Angular页面调试一个有用的小技巧 - normalizeDebugBindingName和normalizeDebugBindingValue - [object Object]

简介: Angular页面调试一个有用的小技巧 - normalizeDebugBindingName和normalizeDebugBindingValue - [object Object]

在开发模式下渲染出的Angular页面包含了很多形如下图ng-reflect-的html属性,很多时候其值都为[object Object].

如果处于调试目的,需要在Chrome开发者工具里观察这些值的具体内容,可以采取本文介绍的一个小技巧:image.png在下列两个函数里设置断点:

  • normalizeDebugBindingName
  • normalizeDebugBindingValueimage.png运行时,我们就可以在调试器里观察到变量的具体值了:

image.png

相关文章
|
7月前
|
存储 JavaScript 前端开发
Angular 14 inject 函数使用过程中的一些注意事项
Angular 14 inject 函数使用过程中的一些注意事项
54 1
|
7月前
|
网络架构
如何处理 Angular 单页面应用里的 a 标签,避免点击后重新加载整个应用
如何处理 Angular 单页面应用里的 a 标签,避免点击后重新加载整个应用
36 0
|
7月前
|
存储 JavaScript 前端开发
通过单步调试的方式学习 Angular 中 TView 和 LView 的概念
通过单步调试的方式学习 Angular 中 TView 和 LView 的概念
46 1
|
Web App开发 测试技术 C++
Angular最新教程-第三节在谷歌浏览器中调试Angular
Angular最新教程-第三节在谷歌浏览器中调试Angular
594 0
Angular最新教程-第三节在谷歌浏览器中调试Angular
|
Web App开发 开发者
Angular页面调试一个有用的小技巧 - normalizeDebugBindingName和normalizeDebugBindingValue - [object Object]
Angular页面调试一个有用的小技巧 - normalizeDebugBindingName和normalizeDebugBindingValue - [object Object]
Angular页面调试一个有用的小技巧 - normalizeDebugBindingName和normalizeDebugBindingValue - [object Object]
Angular 如何使用 InjectionToken 的方式得到当前 location 信息
Angular 如何使用 InjectionToken 的方式得到当前 location 信息
118 0
Angular 如何使用 InjectionToken 的方式得到当前 location 信息
如何通过调试的方式搞清楚Angular createEmbeddedView具体创建的UI元素是什么
如何通过调试的方式搞清楚Angular createEmbeddedView具体创建的UI元素是什么
104 0
如何通过调试的方式搞清楚Angular createEmbeddedView具体创建的UI元素是什么
调试Angular指令实现时一个有用的内部属性:__ngContext__
调试Angular指令实现时一个有用的内部属性:__ngContext__
481 0
调试Angular指令实现时一个有用的内部属性:__ngContext__
Angular Component 开发时属性和运行时属性的对照
Angular Component 开发时属性和运行时属性的对照
Angular Component 开发时属性和运行时属性的对照
Angular structural指令host element的定位调试
Angular structural指令host element的定位调试
Angular structural指令host element的定位调试