Angular2 setinterval

Je utiliser setInterval dans angular2 mais il ne faut pas travailler s'il vous plaît aider. Si j'appelle une fonction pour afficher les erreurs. Je veux mettre à jour les données de la page à l'ajax et j'ai utiliser setinterval

export class AppComponent{ 

  objMonitoring: Monitoring = new Monitoring();
  arrMonitoring: Monitoring[]=[];


  constructor(private httpService: HttpService){}

  public sampleMethodCall() {
     setInterval(function() {
       this.ngOnInit(); },4000); 
     }

  ngOnInit(){
    this.httpService.getData().subscribe((data: Response) => {
      let monitoringList = data.json();
      this.arrMonitoring = [];   
      for(let index in monitoringList){
        this.arrMonitoring.push(monitoringList[index]);
      }
   });
 }

Dans le modèle que j'appel la fonction de ce code

 <button (click)="sampleMethodCall()">click</button>

InformationsquelleAutor aimprogman | 2016-11-28

angular

12

Vous avez un ngOnInit méthode, mais votre classe n'est pas de la mettre en œuvre (il n'est pas nécessaire, mais utile).

Votre classe doit ressembler à:
```
import {OnInit} from "@angular/core";

export class AppComponent implements OnInit{
...
```
Également votre this à l'intérieur de la setInterval de rappel n'est pas fait référence à votre page. Utiliser une graisse flèche pour résoudre ce problème.
```
setInterval(()=> {
       this.getData(); },4000); 
     }
```
Aussi je ne comprenais vraiment pas pourquoi vous appelez ngOnInit comme ça. C'est un cycle de vie de crochet. L'objectif est de courir après la constructor sans l'appeler. C'est pourquoi vous devez la mettre en œuvre dans votre classe.
- si j'ai la mise en œuvre de OnInit dans la syntaxe montrant les erreurs
- êtes-vous à l'importation OnInit classe? Si oui, alors il ne devrait pas donner aucune erreur.
InformationsquelleAutor eko
7

Fondamentalement une différence entre la fonction anonyme et de la flèche en fonction de la flèche de la fonction maintient vivante la référence de cela, donc si vous souhaitez utiliser this.ngOnInit() vous devez utiliser la flèche de la fonction comme suit:
```
setInterval(()=>{
       this.ngOnInit(); },4000); 
     }


/*setInterval(function() {
       this.ngOnInit(); },4000); //here this referes to the anonymous function
     }*/
```
- function() ne fonctionne pas pour moi. La flèche de la fonction a bien fonctionné. Merci.
- bonne explication, merci
InformationsquelleAutor Akhilesh Kumar
2

La suppression de votre code de ngoninit() et mettre ce code par la création d'une nouvelle fonction et d'appeler cette fonction dans le constructeur.

essayer de code ci-dessous si setinterval n'est pas de travail

setInterval(() => ce.Nomfonction(); },4000);

InformationsquelleAutor Vishal T

Est peut-être mieux vous observer à faire poolings. J'ai quelques problèmes avec l'intervalle réglé. Avec Observables, vous pouvez arrêter de mise en commun si vous le souhaitez. Voir le code:

import {Observable} from 'rxjs/Rx';

export class AppComponent {

objMonitoring: Monitoring = new Monitoring();
arrMonitoring: Monitoring[] = [];

constructor(private httpService: HttpService) { }

stopPooling = false;
public sampleMethodCall() {
    var timer = Observable.timer(0,5000);
    var self  = this;
    var obj = timer.subscribe(t=>{
        self.getData();
        if(self.stopPooling){obj.unsubscribe();}
    });       
}

ngOnInit() {
    this.getData();
}
        private getData(){
            var self  = this;
            this.httpService.getData().subscribe((data: Response) => {
                let monitoringList = data.json();
                this.arrMonitoring = [];   
                for(let index in monitoringList){
                    this.arrMonitoring.push(monitoringList[index]);
                }
            }, (error) => {
                self.stopPooling = true;
            });
        }

}

Pourquoi vous utilisez ce = auto ? Dans Angulaire 2 n'est pas nécessaire. Le contexte est la classe, pas besoin d'utiliser le var self = this comme c'est le cas angularjs
eh bien.. j'ai eu des problèmes avec les contextes à l'intérieur d'abonnés dans angular2/angular4, donc je le garde..

InformationsquelleAutor Thom MF

0

Vous pouvez faire de même avec les changements suivants :
```
export class AppComponent{ 

  objMonitoring: Monitoring = new Monitoring();
  arrMonitoring: Monitoring[]=[];


  constructor(private httpService: HttpService){}

  public sampleMethodCall() {
     let that = this;
     setInterval(() => {
       that.getData(); 
     }, 4000); 
  }

  ngOnInit(){
    this.getData();
  }

  private getData(){
    this.httpService.getData().subscribe((data: Response) => {
      let monitoringList = data.json();
      this.arrMonitoring = [];   
      for(let index in monitoringList){
        this.arrMonitoring.push(monitoringList[index]);
      }
    });
  }
}
```
Vous pouvez également utiliser RxJS intervalle au lieu de setInterval méthode.
- Je ne il ne faut pas travailler
- l'erreur que vous obtenez ?
- getData n'est pas une fonction
- j'ai mis à jour ma réponse. vérifier une fois. vous obtenez l'erreur, car à l'intérieur de setInterval this variable n'est pas fait référence à la composante c'est la raison angulaire 2 RxJs interval préféré sur setInterval
- À l'aide de la graisse flèche et le let that = this truc est inutile (ils font la même chose). Utiliser seulement 1 d'entre eux.
- Je vous remercie beaucoup. Tous travaillé
InformationsquelleAutor ranakrunal9

Vous devez vous connecter pour publier un commentaire.