[Angular] Angularアプリをブラウザのコンソールからデバッグする方法
Angularのコンポーネントを、ブラウザのコンソールからちょっと覗いてみる方法です。
AngularJS時代は、angular.element($0).scope()なんて方法でいけました。それのAngular時代版です。
見たいエレメントを選ぶ
インスペクタから見たいエレメントを選びます。
コンソールへng.probe
と入力
次のように入力すると、コンポーネントオブジェクトがダンプできます。
ng.probe($0).componentInstance
何かエラーが出たら、間違ったエレメントを選んだか、デバッグモードが無効になっていると思われます。