2017-04-19 65 views
3

我尝试在.ts文件中设置间隔,但我不明白如何在间隔中的同一文件中使用某个函数。Ionic 2:设置间隔

为了解释:

我的时间间隔设置:

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); 

这只能调用我的函数一次。

有人有想法吗?

回答

14

使用箭头功能

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); 

,如果这只是一个函数调用:

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

,你可以了解更多有关这与https://github.com/getify/You-Dont-Know-JS/blob/master/this%20%26%20object%20prototypes/ch1.md

+0

好人!工作给我! –

1

试试这个:

setInterval(this.refreshData, 300); 
1

我复制粘贴你的代码在我的应用程序。

这工作:

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

你应该=>箭头使用的setInterval(),正如我所说以下

​​

100%的工作。

+1

尽管此代码可能会回答问题,但提供有关如何解决问题和/或为何解决问题的其他上下文可以提高答案的长期价值。 – Badacadabra