Le push de tableau ne fonctionne pas correctement

Question

Ce problème devrait être assez simple: je veux pousser l'état de chaque requête dans un tableau appelé currentValues. Malheureusement, le currentValues-tableau reste dépeuplé (la sortie des valeurs de contrôle est 0vs2. Qu'est-ce que je manque ici?

@Input() public wantedValue: string[]; 
    @Input() public querySensor: string[]; 
    @Input() public slideId: number; 
    @Output() wantedStateAccievedEvent: EventEmitter<any> = new EventEmitter<any>(); 
    public currentValues: string[] = []; 

    initItems() { 
    for (let sensor of this.querySensor) { 
     console.log("Sensor: " + sensor); 
     this.itemService.getMockItemState(sensor).subscribe(
     status => { this.currentValues.push((status)); }); 
    } 
    this.checkValues(); 
    } 

    checkValues(): void { 
    console.log("Called checkValues" + this.currentValues.length + "vs " + this.wantedValue.length); 
    let i = 0; 
    let allSatisfied: boolean; 
    for (let value of this.currentValues) { 
     console.log("Wert: " + value + '\n'); 
     if (this.wantedValue[i] !== value) { 
     allSatisfied = false; 
     } 
     i++; 
    } 
    if (allSatisfied === true) { 
     this.wantedStateAccievedEvent.emit({slideId: this.slideId, stateAccieved: true }); 
    } 

Answer 1

Vous abonner à un événement asynchrone avec this.itemService.getMockItemState(sensor).subscribe. Il est donc possible que lorsque vous appelez this.checkValues() l'événement n'a pas été déclenché déjà

Essayez reporter la this.checkValues() pendant quelques secondes de remplissage ou de déplacer l'appel dans la fonction s'abonner.

this.itemService.getMockItemState(sensor) 
    .subscribe(status => { 
    this.currentValues.push(status); 
    this.checkValues(); 
    });