コンポーネントのメソッドをブラウザの開発者コンソールから呼び出す
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 コンポーネントに定義されている
stopAutoUpdatingMessages
と loadMessages
メソッドを呼び出す例
ng.probe()
を利用して、Angular の世界から取り出し、すでにインスタンス化されているコンポーネントを componentInstance
で参照する
- ちなみに document.querySelector は
<chat ...></chat>
などで宣言されているエレメントを探してきているだけ
- ng.probe に渡すエレメントを変更すれば、適宜コンポーネントが取得できる