Angular頁面調試一個有用的小技巧 - normalizeDebugBindingName和normalizeDebugBindingValue - [object Object]

在開發模式下渲染出的 Angular

頁面包含了很多形如下圖ng-reflect-的html屬性，很多時候其值都為[object Object].

如果處于調試目的，需要在Chrome開發者工具裡觀察這些值的具體内容，可以采取本文介紹的一個小技巧：

在下列兩個函數裡設定斷點：

• normalizeDebugBindingName
• normalizeDebugBindingValue

  

  運作時，我們就可以在調試器裡觀察到變量的具體值了：