从chrome开发人员工具添加角度指令

Question

我正在使用两个库之间存在冲突，我试图调试问题出在哪里，但要做到这一点，如果我可以更改html直接在开发人员工具中，然后立即查看效果。但是，我无法得到这个工作。这可能吗？例如，我尝试将<div> empty </div>更改为<div ng-click="fireMyFunction($event)"> empty </div>，但没有运气。欢迎任何建议！

Answer 1

不，你不能简单地通过DOM检查器添加一个指令，并期望角度知道。 Angular首先等待DOM完全加载完成，然后解析/编译它，并用所有角糖创建DOM的“自己的版本”。

不过，我会怎么做，是试图将$rootScope暴露在window对象（仅在此调试实例），尝试为你正在做它来改变DOM，然后从window.$rootScope引发消化周期。这只是一个建议，它可能会起作用，它可能不起作用，但我相信这是值得的尝试。