Problème avec mes promsses

4 views

Skip to first unread message

josué Drack

unread,

Feb 5, 2019, 5:51:37 PM2/5/19

to FrAngular - AngularJS en français

Je susi actuellement entrain de me former sur angular

Je crée mon service

export class NumberService {

  private numbers: number[] = [88,17,42,36,4];

  getFirstFiveNumber(): Promise<number[]>{
    /*if(Array.isArray(this.numbers)){
      return Promise.resolve(this.numbers);
    }else{
      return Promise.reject("Aucune valeur connue");
    }*/
    return new Promise((resolve,reject) =>{
      if(Array.isArray(this.numbers)){
        //console.log(this.numbers);
        return this.numbers;
      }else{
        reject("ERREUR");
      }
    });
  }

  constructor() { }
}

Dans NumberComponent j'essai de récupérer mon tableau via ma promesse seulement this.numbers est undefund

import { Component, OnInit } from '@angular/core';
import { NumberService } from '../number.service';

@Component({
  selector: 'app-number',
  templateUrl: './number.component.html',
  styleUrls: ['./number.component.css'],
  providers: [NumberService]
})
export class NumberComponent implements OnInit {

  numbers: number[];

  //private numberService: NumberService;

  constructor(private numberService: NumberService) { 
   /* this.numberService.getFirstFiveNumber()
      .then(numbers =>alert(numbers[0]))
      .catch(error=>alert(error));*/
      alert();
      
      this.numberService.getFirstFiveNumber().then(numbers =>this.numbers=numbers).catch(error=>(console.log(error)));

      console.log(this.numbers);
      alert(this.numbers);
  }

  ngOnInit() {
  }

}


</p>
<ul>
  <li *ngFor="let number of numbers">{{number}}</li>
</ul>

Quelqu'un peut il m'aider a me debloquer

merci

Reply all

Reply to author

Forward

0 new messages