setInterval関数はAngular6の他のコンポーネントでも実行されています

エムレス

私はAngular(6)を初めて使用します。setIntervalコンポーネントで関数を使用しています。動作していますが、別のルートに移動すると、setInterval実行を続けます。理由を特定するのを手伝ってください。

//Calling it in ngOnit()
autosavedraftsolution() {
      setInterval(() => {
        console.log(this.draftSolutionForm);
        if (this.solutionTitleValid) {
          this.savedraftsolution();
        }
      }, this.autoSaveInterval);
    }

//savedraftsolution()
  savedraftsolution() {
    console.log("saving..");

    this.connectService.saveDraftSolution({
      Title: this.draftSolutionForm.get('Title').value,
      Product: this.draftSolutionForm.get('Product').value
    } as Draftsolution).subscribe(draftsol => {
      console.log("saved");

    });
  }

コンソールに「saving ..」と「saved」のメッセージが表示され続けます。

ドミニク

clearIntervalコンポーネントがアンマウントされたときに停止するには、を呼び出す必要があります。

this.intervalId = setInterval(...);

コンポーネントがアンマウントされているとき

ngOnDestroy() {
  clearInterval(this.intervalId);
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

「警告:マウントされていないコンポーネントでReact状態の更新を実行できません」という警告を解決するにはどうすればよいですか?setInterval関数から?

分類Dev

「警告:マウントされていないコンポーネントでReact状態の更新を実行できません」という警告を解決するにはどうすればよいですか?setInterval関数から?

分類Dev

Angular6ルーターの解決-コンポーネントが呼び出されていません

分類Dev

React JS Higher-Order-コンポーネントは、関数の外部で状態が設定されている場合、関数を実行しません

分類Dev

これらのコンポーネントの「マウント」関数が実行される順序を決定するものは何ですか?

分類Dev

Angular6の他のコンテナコンポーネントとともにコンポーネントをボディに追加します

分類Dev

データが変更されても、Emberコンポーネントの計算関数は再実行されません

分類Dev

Angular 2 setinterval()が他のコンポーネントで実行を続ける

分類Dev

Angular 2 setinterval()が他のコンポーネントで実行を続ける

分類Dev

Reactコメントコンポーネント-リストに新しく追加されたコメントコンポーネントをターゲットにして、このコンポーネントのみで関数を実行します

分類Dev

Angular:コンポーネントに関数を渡します。この関数は、ターゲットコンポーネントで実行されると、ローカル(ターゲットコンポーネントへの)メソッドを呼び出す必要があります。

分類Dev

関数スコープは、実行されていなくても、最初のコンパイルですでに決定されていますか?

分類Dev

計算された関数は、あるコンポーネントでは実行されますが、別のコンポーネントでは実行されません

分類Dev

Angular6コンポーネントは他のコンポーネントからのsetTimeoutに反応します

分類Dev

コンポーネント関数は複数回実行されます反応

分類Dev

コールバック関数の実行時、Angular2コンポーネントの「this」は未定義です

分類Dev

setState(...):コンポーネントがマウントされている場合でも、マウントされたコンポーネントまたはマウントされているコンポーネントのみを更新できます

分類Dev

同じコンポーネント内のいくつかの異なるAPI呼び出しに基づいて複数のパラメーターをルーティングするAngular6、これは単に悪い設計ですか?

分類Dev

複数のコンポーネントで同じコードAngular6

分類Dev

ネストされたWebコンポーネントの `attachedCallback`がappendedで実行されていません

分類Dev

Angular Integrationテスト:他のコンポーネントからのイベントが発行されたときに呼び出される関数をテストします。イベントデータをモックするにはどうすればよいですか?

分類Dev

React:状態変数を使用して別のコンポーネントから関数を実行するにはどうすればよいですか?

分類Dev

コンポーネント関数は角度2で2回実行されます

分類Dev

Angular6コンポーネントの内部htmlを取得してコンポーネントテンプレートに追加するにはどうすればよいですか?

分類Dev

関数はエクスポートされましたが、コンポーネント内の子関数である関数がエクスポートされていないことを示しています。反応する

分類Dev

Angular6変数がGoogleChrome(Webコンポーネント)で解決されない

分類Dev

警告:マウントされていないコンポーネントでReact状態の更新を実行することはできません

分類Dev

this.propsは、Reactコンポーネント内の矢印関数で未定義として表示されます

分類Dev

他のコンポーネントから関数を呼び出すと、ビューが更新されませんAngular + NativeSript(6)

Related 関連記事

  1. 1

    「警告:マウントされていないコンポーネントでReact状態の更新を実行できません」という警告を解決するにはどうすればよいですか?setInterval関数から?

  2. 2

    「警告:マウントされていないコンポーネントでReact状態の更新を実行できません」という警告を解決するにはどうすればよいですか?setInterval関数から?

  3. 3

    Angular6ルーターの解決-コンポーネントが呼び出されていません

  4. 4

    React JS Higher-Order-コンポーネントは、関数の外部で状態が設定されている場合、関数を実行しません

  5. 5

    これらのコンポーネントの「マウント」関数が実行される順序を決定するものは何ですか?

  6. 6

    Angular6の他のコンテナコンポーネントとともにコンポーネントをボディに追加します

  7. 7

    データが変更されても、Emberコンポーネントの計算関数は再実行されません

  8. 8

    Angular 2 setinterval()が他のコンポーネントで実行を続ける

  9. 9

    Angular 2 setinterval()が他のコンポーネントで実行を続ける

  10. 10

    Reactコメントコンポーネント-リストに新しく追加されたコメントコンポーネントをターゲットにして、このコンポーネントのみで関数を実行します

  11. 11

    Angular:コンポーネントに関数を渡します。この関数は、ターゲットコンポーネントで実行されると、ローカル(ターゲットコンポーネントへの)メソッドを呼び出す必要があります。

  12. 12

    関数スコープは、実行されていなくても、最初のコンパイルですでに決定されていますか?

  13. 13

    計算された関数は、あるコンポーネントでは実行されますが、別のコンポーネントでは実行されません

  14. 14

    Angular6コンポーネントは他のコンポーネントからのsetTimeoutに反応します

  15. 15

    コンポーネント関数は複数回実行されます反応

  16. 16

    コールバック関数の実行時、Angular2コンポーネントの「this」は未定義です

  17. 17

    setState(...):コンポーネントがマウントされている場合でも、マウントされたコンポーネントまたはマウントされているコンポーネントのみを更新できます

  18. 18

    同じコンポーネント内のいくつかの異なるAPI呼び出しに基づいて複数のパラメーターをルーティングするAngular6、これは単に悪い設計ですか?

  19. 19

    複数のコンポーネントで同じコードAngular6

  20. 20

    ネストされたWebコンポーネントの `attachedCallback`がappendedで実行されていません

  21. 21

    Angular Integrationテスト:他のコンポーネントからのイベントが発行されたときに呼び出される関数をテストします。イベントデータをモックするにはどうすればよいですか?

  22. 22

    React:状態変数を使用して別のコンポーネントから関数を実行するにはどうすればよいですか?

  23. 23

    コンポーネント関数は角度2で2回実行されます

  24. 24

    Angular6コンポーネントの内部htmlを取得してコンポーネントテンプレートに追加するにはどうすればよいですか?

  25. 25

    関数はエクスポートされましたが、コンポーネント内の子関数である関数がエクスポートされていないことを示しています。反応する

  26. 26

    Angular6変数がGoogleChrome(Webコンポーネント)で解決されない

  27. 27

    警告:マウントされていないコンポーネントでReact状態の更新を実行することはできません

  28. 28

    this.propsは、Reactコンポーネント内の矢印関数で未定義として表示されます

  29. 29

    他のコンポーネントから関数を呼び出すと、ビューが更新されませんAngular + NativeSript(6)

ホットタグ

アーカイブ