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

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


---

## Page Navigation

- Canonical URL: https://tips.weseek.co.jp/Tips/Angular/コンポーネントのメソッドをブラウザの開発者コンソールから呼び出す
- Permalink: https://tips.weseek.co.jp/5fb746c1a1ba4200489a4a76
- Parent: [Angular](/65069da24603e7ff39a6b3d6.md)
- Children: 0 total
- Total descendants: 0
- Siblings: 4 total
  - [AOTコンパイル](/5fb74a31a1ba4200489a4b04.md)
  - [EventEmitterはSubscribeしちゃだめです](/5fb745b1a1ba4200489a4a4e.md)
  - [RouterModule を import しているモジュールの注意点](/5fb74655a1ba4200489a4a61.md)
  - [splitting chunk に関するメモ](/5fb74a94a1ba4200489a4b0f.md)
- Last updated: 2020-11-20T04:53:14.459Z by takuya
- Full page listing (all children regardless of count): https://tips.weseek.co.jp/_api/v3/page-listing/children?id=5fb746c1a1ba4200489a4a76