Chrome擴充應用Angular state inspector的使用方法

在Chrome Web Store上安裝這個擴充：

Angular

state inspector

打開一個Angular應用，在Chrome開發者工具的Elements标簽頁裡，多出來一個State标簽，可以檢視目前Angular應用的綁定資訊：

在内部屬性__ngContext__裡，可以看到Angular的版本号：

在Chrome開發者工具的console裡，列印$state也可以顯示這些綁定模型的值：

可以直接在state标簽頁裡修改模型的值，不能立即生效：

需要手動在console裡執行$apply()才能生效：