How to fetch array data in angular

Question

This is how i assigned my model in a variable in my component. Here i want to fetch data by calling familyHistoryModel.patientMedicalFamilyHistoryDiseases.diseaseID but this gets error unable to call diseaseID like that is there any alternative way to access diseaseID data by calling familyHistoryModel.patientMedicalFamilyHistoryDiseases.required code to fetch diseaseId data

 export class FamilyHistoryModelComponent implements OnInit {
      familyHistoryModel: PatientMedicalFamilyHistoryModels;

below code is my model.

export class PatientMedicalFamilyHistoryModels {
    id?: number = 0;
    patientID: number = null;
    firstName: string = '';
    lastName: string = '';
    genderID: number;
    gender: string = '';
    dob: Date;
    relationshipID: number;
    relationShipName: string = '';
    dateOfDeath: Date;
    causeOfDeath: string = '';
    observation: string = '';
    patientMedicalFamilyHistoryDiseases?: PatientMedicalFamilyHistoryDiseaseModel[];
}

export class PatientMedicalFamilyHistoryDiseaseModel {
    id?: number = null;
    patientID?: number = null;
    medicalFamilyHistoryId?: number = null;
    diseaseID?: number = null;
    diseaseStatus?: boolean = false;
    ageOfDiagnosis?: number = null;
    diseaseName?: string =null;
}

Maciej Wojcik · Accepted Answer · 2022-08-05 10:59:22Z

1

So when you are having the data in an Array and you want to get the ID(s) from the array you need to answer the question whether you want an ID of a specific item in the array, or you want the list of all IDs from this array.

If you want the ID of a specific item, you can get it using index of the item:

const id: string = this.familyHistoryModel.patientMedicalFamilyHistoryDiseases[0].diseaseID

However if you want the list of IDs for all items, you want to use a map to map items to their ids, as follows:

const ids: string[] = this.familyHistoryModel.patientMedicalFamilyHistoryDiseases.map(disease => disease.diseaseID)

answered Aug 5, 2022 at 10:59

Maciej Wojcik

2,1712 gold badges30 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sajin Satheesan · Accepted Answer · 2022-08-05 11:11:41Z

0

Did you try this?

this.familyHistoryModel.patientMedicalFamilyHistoryDiseases.map(x => x.diseaseID);

edited Aug 5, 2022 at 11:11

answered Aug 5, 2022 at 10:48

Sajin Satheesan

1658 bronze badges

Collectives™ on Stack Overflow

How to fetch array data in angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related