web-dev-qa-db-ja.com

Ionic 2：間隔を設定

.tsファイルに間隔を設定しようとしましたが、間隔内の同じファイルで関数を使用する方法がわかりません。

説明する ：

私の間隔設定：

this.task = setInterval(function () {
            this.refreshData();
        }, 300);

そして同じtsファイル内の私の機能：

refreshData() : void{
        console.log('update...');
    }

デバイスで実行すると、次のエラーが発生します。

04-19 10:38:57.535 21374-21374/com.ionicframework.app722890 I/chromium: [INFO:CONSOLE(79432)] "TypeError: this.refreshData is not a function
                                                                                      at file:///Android_asset/www/build/main.js:10987:18
                                                                                      at t.invokeTask (file:///Android_asset/www/build/polyfills.js:3:10284)
                                                                                      at Object.onInvokeTask (file:///Android_asset/www/build/main.js:39626:37)
                                                                                      at t.invokeTask (file:///Android_asset/www/build/polyfills.js:3:10220)
                                                                                      at e.runTask (file:///Android_asset/www/build/polyfills.js:3:7637)
                                                                                      at invoke (file:///Android_asset/www/build/polyfills.js:3:11397)
                                                                                      at e.args.(anonymous function) (file:///Android_asset/www/build/polyfills.js:2:30193)", source: file:///Android_asset/www/build/main.js (79432)

私はこの方法を試しますが、動作しません：

this.task = setInterval(this.refreshData(), 300);

これにより、関数が1回だけ呼び出されます。

誰かがアイデアを持っていますか？

javascriptangulartypescriptionic2ionic3
6
V. Pivet

矢印関数を使用する

this.task = setInterval(() => {
  this.refreshData();
}, 300);

またはこのようにコンテキストを保存する

let self = this;
this.task = setInterval(function () {
  self.refreshData();
}, 300);

またはbindを使用

this.task = setInterval((function () {
  this.refreshData();
}).bind(this), 300);

関数呼び出しが1つだけの場合：

this.task = setInterval(this.refreshData.bind(this), 300);

https://github.com/getify/You-Dont-Know-JS/tree/1st-ed/this%20%26%20object%20prototypes/ch1.md を使用して、これについて詳しく学ぶことができます=

21
Tiep Phan

以下で述べたように、=>矢印でsetInterval（）を使用する必要があります

   setInterval(() => {      
          console.log('timer');
          //you can call function here
    },5000);

100％機能しています。

2
user3563484

これを試して：

setInterval(this.refreshData, 300);
1
flowest

アプリにコードを貼り付けてコピーします。

これはうまくいきました：

this.task = setInterval( () => {
  this.refreshData();
}, 300);
1
Sagar Kulkarni