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

在开发模式下渲染出的 Angular

页面包含了很多形如下图ng-reflect-的html属性，很多时候其值都为[object Object].

如果处于调试目的，需要在Chrome开发者工具里观察这些值的具体内容，可以采取本文介绍的一个小技巧：

在下列两个函数里设置断点：

• normalizeDebugBindingName
• normalizeDebugBindingValue

  

  运行时，我们就可以在调试器里观察到变量的具体值了：