從chrome開發人員工具添加角度指令

Question

我正在使用兩個庫之間存在衝突，我試圖調試問題出在哪裏，但要做到這一點，如果我可以更改html直接在開發人員工具中，然後立即查看效果。但是，我無法得到這個工作。這可能嗎？例如，我嘗試將<div> empty </div>更改爲<div ng-click="fireMyFunction($event)"> empty </div>，但沒有運氣。歡迎任何建議！

Answer 1

不，你不能簡單地通過DOM檢查器添加一個指令，並期望角度知道。 Angular首先等待DOM完全加載完成，然後解析/編譯它，並用所有角糖創建DOM的「自己的版本」。

不過，我會怎麼做，是試圖將$rootScope暴露在window對象（僅在此調試實例），嘗試爲你正在做它來改變DOM，然後從window.$rootScope引發消化週期。這只是一個建議，它可能會起作用，它可能不起作用，但我相信這是值得的嘗試。