Angularのコンポーネントを、ブラウザのコンソールからちょっと覗いてみる方法です。

AngularJS時代は、angular.element($0).scope()なんて方法でいけました。それのAngular時代版です。

見たいエレメントを選ぶ

インスペクタから見たいエレメントを選びます。

image.png

コンソールへng.probeと入力

次のように入力すると、コンポーネントオブジェクトがダンプできます。


ng.probe($0).componentInstance

image.png

何かエラーが出たら、間違ったエレメントを選んだか、デバッグモードが無効になっていると思われます。