コンポーネントのメソッドをブラウザの開発者コンソールから呼び出す

for (var i = 0; i < 100; i++) { ng.probe(document.querySelector("chat")).componentInstance.stopAutoUpdatingMessages(); console.log('DISCONNECT'); ng.probe(document.querySelector("chat")).componentInstance.loadMessages(); console.log('CONNECT'); }
  • 上記のスニペットは、 Chat コンポーネントに定義されている stopAutoUpdatingMessagesloadMessages メソッドを呼び出す例
  • ng.probe() を利用して、Angular の世界から取り出し、すでにインスタンス化されているコンポーネントを componentInstance で参照する
  • ちなみに document.querySelector は <chat ...></chat> などで宣言されているエレメントを探してきているだけ
    • ng.probe に渡すエレメントを変更すれば、適宜コンポーネントが取得できる