Hi
I ahve below HTMl. I want if phone type = Home then hat no should be displayed in Home html. If Mobile then in Mobile HTMl
if (this.record && this.record.caregivers) { this.fatherData = this.record.caregivers.find((c:any) => c.caregiverType === 'FATHER'); }
<div class="col-md-3 col-6 align-items-center"> <div class="col"> <p class="label bg-blue rounded-pill mb-2"><i class="fa fa-phone me-1"></i>Phone</p> </div> <div class="col"> <small>Mobile</small> <h6>0111 522323</h6> </div> <div class="col"> <small>Home</small> <h6>0111 524563</h6> </div> </div>
{ "id": "4fc922b0-08e0-45cf-a951-495fbdaaf88b", "effectiveFrom": null, "branchId": "ae8e930b-0d60-4cb7-8c39-ce953b036e81", "primaryEmail": "[email protected]", "currentStatus": "REGISTERED", "admissionNumber": "ADM2024001", "registrationNumber": "REG2024001", "backgroundVerification": "Complete", "backgroundVerificationRemarks": "Passed all checks", "parentEligibility": "Eligible", "parentEligibilityRemarks": "Meets eligibility criteria", "verbalSkills": "Good", "verbalSkillsRemarks": "Excellent communication", "writtenSkills": "Average", "writtenSkillsRemarks": "Needs improvement in writing", "medicalFitnessRemarks": "Fit for school activities", "height": 150, "weight": 45.5, "bloodGroup": "A_POSITIVE", "gender": "MALE", "hairColor": "BLACK", "disabilityId": "cce76c42-4165-4bc7-99ed-f25f2754238f", "disabilityDescription": "None", "doctorContact": "9876543210", "doctorName": "Dr. Smith", "academicClassSectionId": null, "academicSessionId": "e34894db-c03f-44c2-b5b1-3b728230e5ef", "academicClassId": "3621f296-29a7-4165-9960-65e4103463fb", "academicClassName": "5", "houseId": "135583ce-e93c-48c6-9e8b-cf1a12609279", "boardingHouseId": null, "dateOfBirth": "2018-05-15T00:00:00.000+00:00", "reservationCategoryId": "eabf3cd3-f054-48b4-9a5c-545cb0f8227e", "userId": null, "username": "[email protected]", "countryId": "037a25bf-e247-4436-9944-0feb1010feb1", "boardingType": "BOARDER", "phoneType": "SMS", "localContactNumber": "+1-234-567-8900", "aadhaarNumber": 123456789012, "birthCity": "New York", "nickName": "Johnny", "notes": "Likes playing soccer", "passportNumber": "ABC123456", "previousSchool": "ABC School", "previousSchoolCity": "New York", "securityDescription": "None", "quotaId": "6c367b68-dd03-40d5-bc70-5792ce8e6b7b", "religionId": "5722e3b5-fdeb-4fc5-b533-a458f71058a9", "customField1": "Value1", "customFieldLabel1": "Field1", "customField2": "Value2", "customFieldLabel2": "Field2", "customField3": "Value3", "customFieldLabel3": "Field3", "customField4": "Value4", "customFieldLabel4": "Field4", "customField5": "Value5", "customFieldLabel5": "Field5", "languageIds": null, "careGiverIds": null, "siblingIds": null, "caregivers": [ { "id": "58ce2b6f-a187-4a74-9667-6711b2c0d21b", "effectiveFrom": null, "deletedAt": null, "createdAt": "2024-07-15T12:51:12.888759Z", "updatedAt": null, "createdBy": "vishal.singhal", "updatedBy": null, "branchId": "ae8e930b-0d60-4cb7-8c39-ce953b036e81", "dateOfBirth": "1973-08-20", "department": "Human Resources", "firstName": "Neha", "lastName": "Thakur", "middleName": "Singh", "fullName": "Neha Singh Thakur", "emailDetails": [ { "emailType": "PERSONAL", "email": "[email protected]" } ], "phoneDetails": [ { "phoneType": "MOBILE", "phoneNumber": "867546346456" }, { "phoneType": "HOME", "phoneNumber": "3543453535345" } ], "hasCustody": false, "addressId": "cc9a5d89-8cb9-4101-8c0f-7e71e81310be", "occupationId": null, "relationship": "Aunt", "specialization": "Human Resources Management", "yearlyIncome": "85000", "qualificationId": "2187934f-4644-4548-891e-4542121d9249", "salutationId": "f98d8cc5-b887-4a36-9cfc-e60fed8e1846", "caregiverType": "OTHERS", "studentIds": null, "address": { "id": "cc9a5d89-8cb9-4101-8c0f-7e71e81310be", "effectiveFrom": null, "deletedAt": null, "createdAt": "2024-07-15T12:51:12.887691Z", "updatedAt": null, "createdBy": "vishal.singhal", "updatedBy": null, "description": "Head Office", "line1": "123 Main Street", "line2": "Suite 100", "line3": "Building A", "postalCode": "12345", "cityId": "dd9f182e-103b-4645-b154-faf2c06a9d52", "stateId": "9dbf7034-da9a-41a3-8b21-c7a44b4d322c", "countryId": "037a25bf-e247-4436-9944-0feb1010feb1", "entityType": "CAREGIVER", "entityId": null, "addressTypeId": "7331c068-ea51-4a74-bfa7-7b48a84443a7", "latitude": 40.7128, "longitude": -74.006, "primary": false } }, { "id": "5ea41d3d-aa8f-4e73-b942-dc70dcd90a71", "effectiveFrom": null, "deletedAt": null, "createdAt": "2024-07-15T12:51:12.879774Z", "updatedAt": null, "createdBy": "vishal.singhal", "updatedBy": null, "branchId": "ae8e930b-0d60-4cb7-8c39-ce953b036e81", "dateOfBirth": "1995-04-12", "department": "Real Estate", "firstName": "Ranjeet", "lastName": "Thakur", "middleName": "Trivedi", "fullName": "Ranjeet Trivedi Thakur", "emailDetails": [ { "emailType": "PERSONAL", "email": "[email protected]" } ], "phoneDetails": [ { "phoneType": "MOBILE", "phoneNumber": "867546346456" }, { "phoneType": "HOME", "phoneNumber": "3543453535345" } ], "hasCustody": true, "addressId": "557d413f-0179-4328-ba86-94dbc42a0316", "occupationId": null, "relationship": "Father", "specialization": "N/A", "yearlyIncome": "N/A", "qualificationId": "2187934f-4644-4548-891e-4542121d9249", "salutationId": "f98d8cc5-b887-4a36-9cfc-e60fed8e1846", "caregiverType": "FATHER", "studentIds": null, "address": { "id": "557d413f-0179-4328-ba86-94dbc42a0316", "effectiveFrom": null, "deletedAt": null, "createdAt": "2024-07-15T12:51:12.878336Z", "updatedAt": null, "createdBy": "vishal.singhal", "updatedBy": null, "description": "Head Office", "line1": "123 Main Street", "line2": "Suite 100", "line3": "Building A", "postalCode": "12345", "cityId": "dd9f182e-103b-4645-b154-faf2c06a9d52", "stateId": "9dbf7034-da9a-41a3-8b21-c7a44b4d322c", "countryId": "037a25bf-e247-4436-9944-0feb1010feb1", "entityType": "CAREGIVER", "entityId": null, "addressTypeId": "7331c068-ea51-4a74-bfa7-7b48a84443a7", "latitude": 40.7128, "longitude": -74.006, "primary": false } }, { "id": "47ad301c-e0c0-48bd-b003-944f166a71a8", "effectiveFrom": null, "deletedAt": null, "createdAt": "2024-07-15T12:51:12.886123Z", "updatedAt": null, "createdBy": "vishal.singhal", "updatedBy": null, "branchId": "ae8e930b-0d60-4cb7-8c39-ce953b036e81", "dateOfBirth": "1975-10-15", "department": "Finance", "firstName": "Priya", "lastName": "Thakur", "middleName": "Singh", "fullName": "Priya Singh Thakur", "emailDetails": [ { "emailType": "PERSONAL", "email": "[email protected]" } ], "phoneDetails": [ { "phoneType": "MOBILE", "phoneNumber": "867546346456" }, { "phoneType": "HOME", "phoneNumber": "3543453535345" } ], "hasCustody": true, "addressId": "2709d3be-b899-45fd-bfdb-48c08ee896f3", "occupationId": null, "relationship": "Parent", "specialization": "Financial Management", "yearlyIncome": "75000", "qualificationId": "2187934f-4644-4548-891e-4542121d9249", "salutationId": "f98d8cc5-b887-4a36-9cfc-e60fed8e1846", "caregiverType": "MOTHER", "studentIds": null, "address": { "id": "2709d3be-b899-45fd-bfdb-48c08ee896f3", "effectiveFrom": null, "deletedAt": null, "createdAt": "2024-07-15T12:51:12.885082Z", "updatedAt": null, "createdBy": "vishal.singhal", "updatedBy": null, "description": "Head Office", "line1": "123 Main Street", "line2": "Suite 100", "line3": "Building A", "postalCode": "12345", "cityId": "dd9f182e-103b-4645-b154-faf2c06a9d52", "stateId": "9dbf7034-da9a-41a3-8b21-c7a44b4d322c", "countryId": "037a25bf-e247-4436-9944-0feb1010feb1", "entityType": "CAREGIVER", "entityId": null, "addressTypeId": "7331c068-ea51-4a74-bfa7-7b48a84443a7", "latitude": 40.7128, "longitude": -74.006, "primary": false } } ] }
Thanks