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

Question

3 浏览2023年5月21日

匿名的 2022年9月13日

0 Comments

我已经附上了一张图片，展示了我想要从Chrome控制台运行的点击事件，同时传递了不同的值。在检查元素中，该按钮在右上角以灰色高亮显示。我想要学习如何访问/使用savePublish（）函数。

$\"enter$

该按钮元素位于一个容器内，但当然页面上还有其他被别名为ctrl的控制器包装。

我的问题是，如何直接从Chrome控制台访问savePublish（）方法？而另一个问题的答案则是，如何加载ProductEditCtrl控制器，然后在不同的页面上调用savePublish方法？

admin 更改状态以发布 2023年5月21日

0

匿名的 · Answer 1 · 2022-09-13T20:57:58+00:00

你可以通过在chrome控制台中使用angular.element查找控制器，通过元素的类名进行查找。例如：

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

如果这个元素上有可用的关联方法/函数，它们将被返回。

匿名的 · Answer 2 · 2022-09-13T20:57:58+00:00

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