CODEWITHSUNDEEP
javascripttypescript
youssef1151
youssef1151

Reputation: 25

can't get data form array

I try to get data from the array but I get undefined

please check the image of my problem

I don't know what I'm missing

please help

I have an array called nameTable of string

  1. when I console.log(this.nameTable) I got this : check the image please

enter image description here

and when I click to arrow I got this : check image please

enter image description here

the problem is the table has 5 element I want to show them so I make for loop to do that

for (let i = 0; i < 5; i++){
        console.log(this.nameTable[i])
        }

but us you can see in the image I got undefined

enter image description here

here the code :

employeeL:Array<Awinjard> = [];
  inv_agentTab: Array<Inv_agent> = [];
  drafbiesTab: Array<Drafbies> = [];
  nameemployee: string = "";
  inv_agentNombre: number = 0;
  matriculeTable: Array<number> = [];
  nameTable:Array<string> = [];
  validatationTable: Array<number> = [];

  ngOnInit() {
    this.folder = this.activatedRoute.snapshot.paramMap.get('id');
  
    this.awinjard.getAwinjardMatricule().subscribe(res => {
      this.inv_agentTab = res as Array<Inv_agent>
      this.inv_agentTab.forEach(element => {
        this.matriculeTable[this.inv_agentNombre] = element.AGENT;
        this.validatationTable[this.inv_agentNombre] = element.VLD;
        this.inv_agentNombre++;
      
        this.awinjard.getAwinjardNameAr().subscribe(res2 => {
          this.drafbiesTab = res2 as Array<Drafbies>
          this.drafbiesTab=this.drafbiesTab.filter((employee)=>employee.DECAFFE==element.AGENT)
          this.nameemployee = this.drafbiesTab[0].AR_DELAFFE;
          
          this.nameTable.push(this.nameemployee);
        
        })
      });
      
      for (let i = 0; i < 5; i++){
      // here the problem I can't get the data form nameTable array
        console.log(this.nameTable[i])
        let awin= <Awinjard> {
          matricule: this.matriculeTable[i],
          fullname: this.nameTable[i],
          status: true,
          done: 1,
          mustBeDone:40
        }
        this.employeeL.push(awin);
      }
    })
  }

Upvotes: 0

Views: 86

Answers (2)

Raishav Hanspal
Raishav Hanspal

Reputation: 111

You can move the code where you're logging nameTable[] inside the subscribe (where you are pushing the values into nameTable[]).

A complete solution is to use complete in subscribe() -->

  this.awinjard.getAwinjardNameAr().subscribe(res2 => {
          this.drafbiesTab = res2 as Array<Drafbies>
          this.drafbiesTab=this.drafbiesTab.filter((employee)=>employee.DECAFFE==element.AGENT)
          this.nameemployee = this.drafbiesTab[0].AR_DELAFFE;
          
          this.nameTable.push(this.nameemployee);
        
        },err => {console.log(err)}, ()=> {
      for (let i = 0; i < 5; i++){
      // here the problem I can't get the data form nameTable array
        console.log(this.nameTable[i])}})
      });

You can read more on https://angular.io/guide/observables

Upvotes: 1

Deepak
Deepak

Reputation: 2742

You have subscribed to getAwinjardNameAr and before that response, you are trying to access the nameTable array, which is why you get undefined. @raishav-hanspal's solution is right to solve your issue, but a code change can keep things straightforward. I suggest you to write that code inside your for loop inside your subscribe. Here's the alteration:

this.awinjard.getAwinjardNameAr().subscribe(res2 => {
          this.drafbiesTab = res2 as Array<Drafbies>
      this.drafbiesTab=this.drafbiesTab.filter((employee)=>employee.DECAFFE==element.AGENT)
          this.nameemployee = this.drafbiesTab[0].AR_DELAFFE;
          this.nameTable.push(this.nameemployee);
          let awin= <Awinjard> {
          matricule: this.matriculeTable[this.inv_agentNombre],
          fullname: this.nameemployee,
          status: true,
          done: 1,
          mustBeDone:40
        }
        this.employeeL.push(awin);
        })

Upvotes: 1

Related Questions