如何从浏览器控制台访问组件控制器？

Question

在 angular 1.x 中，当使用 ng-controller 时，可以通过检查元素并调用 angular.element([=12=]).controller() 从浏览器控制台访问控制器实例。

这不适用于声明为：

的组件

angular.module('foo').component('bar', {
    controller: class {

    }  
});

是否有任何其他方法可以从控制台访问组件的控制器实例？

Answer 1

如the manual states,

controller(name) - retrieves the controller of the current element or its parent. By default retrieves controller associated with the ngController directive. If name is provided as camelCase directive name, then the controller for this directive will be retrieved (e.g. 'ngModel').

是angular.element([=11=]).controller('bar').

对于一个组件，这可能会缩小到

 angular.element([=10=]).controller(
   [=10=].tagName.toLowerCase().replace(/-([a-z])/g, (_, c) => c.toUpperCase()))
 );

一行。

Answer 2

我们最接近访问组件控制器的似乎是：

angular.element([=10=]).scope().$ctrl

如何从浏览器控制台访问组件控制器？

How to access the component controller from browser console?

javascript

angularjs

console.log