Ionique 2 : Définissez l'intervalle

J'essaie de définir un intervalle dans un .fichier ts, mais je ne comprends pas comment utiliser une fonction dans le même fichier dans l'intervalle.

À expliquer :

Mon intervalle de réglage :

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

Et ma fonction dans le même fichier ts :

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

Quand je le lance sur mon appareil, j'ai cette erreur :

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)

J'ai essayer de cette façon, mais je ne fonctionne pas :

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

Cet appel ma fonction qu'une seule fois.

Quelqu'un a une idée ?

OriginalL'auteur V. Pivet | 2017-04-19

19

de flèche fonction
```
this.task = setInterval(() => {
  this.refreshData();
}, 300);
```
ou magasin de contexte comme celui-ci
```
let self = this;
this.task = setInterval(function () {
  self.refreshData();
}, 300);
```
ou à l'aide de bind
```
this.task = setInterval((function () {
  this.refreshData();
}).bind(this), 300);
```
si un seul appel de la fonction:
```
this.task = setInterval(this.refreshData.bind(this), 300);
```
vous pourriez en apprendre plus à ce sujet avec https://github.com/getify/You-Dont-Know-JS/blob/master/this%20%26%20object%20prototypes/ch1.md

Homme gentil!! travail à moi!!
Flèche en fonction de ce qui était nécessaire ! Merci

OriginalL'auteur Tiep Phan
1

essayez ceci:
```
setInterval(this.refreshData, 300);
```
OriginalL'auteur flowest
1

J'ai copier collé votre code de mon application.

Cela a fonctionné:
```
this.task = setInterval( () => {
  this.refreshData();
}, 300);
```
OriginalL'auteur Sagar Kulkarni
1

Vous devez utiliser setInterval() avec => flèche, comme je l'ai mentionné ci-dessous
```
   setInterval(() => {      
          console.log('timer');
          //you can call function here
    },5000);
```
100% de travail.

Alors que ce code peut répondre à la question, en fournissant plus de contexte sur comment et/ou pourquoi il résout le problème serait d'améliorer la réponse à long terme de valeur.
Pour une référence future: La raison pour laquelle cela fonctionne est parce que () => {} injecte le contexte actuel ou "cela" dans le rappel du contexte de ce qu'il est utilisé dans. Si vous ne (something) => {} il va faire "quelque chose" qui est disponible dans la même manière, cela peut être une variable, une fonction, ou que ce soit. L'esprit de la formulation, un bon professionnel de l'explication se trouve ici: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...

OriginalL'auteur user3563484

Vous devez vous connecter pour publier un commentaire.