从控制台（Chrome 或 Firefox）访问角度控制器

Question

我附上了一张我想从 Chrome 控制台运行的点击操作的图片，其中传递了各种值。该按钮在检查元素的右上角以灰色突出显示。这是savePublish()函数我想学习如何访问/使用。

按钮元素位于<div ng-controller="ProductEditCtrl as ctrl" .. > 容器内，但页面上当然还有其他控制器包装器，别名为ctrl

我的问题是，如何直接从 Chrome 控制台访问 savePublish() 方法？还有一个额外的问题答案是，我将如何加载 ProductEditCtrl 控制器，然后在不同的页面上调用 savePublish 方法？

Answer 1

尝试 - angular.element($0).scope() 检查按钮的 scope，或者您可以使用 Chrome 扩展名，如 ng-inspector。

Answer 2

您可以通过 chrome 控制台找到控制器，也可以使用 angular.element 通过元素类名找到控制器。例如：

angular.element(document.querySelector(".btn.btn-primary")).controller()

将返回相关的方法/函数，如果它们在该元素上可用。