WESEEK Tips wiki

{{pagename}} - {{sitename}}

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

```javascript
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 に渡すエレメントを変更すれば、適宜コンポーネントが取得できる
