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

Question

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

Answer 1

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

但是，我会做的是尝试将$rootScope暴露给window对象（仅在此调试实例中），尝试在执行时更改DOM，然后触发来自window.$rootScope的摘要周期。这只是一个建议，它可能有用，可能不起作用，但我相信值得一试。