How to add a property to an object at a specific index of an array in typescript (Angular)?

Question

emailData.contractors = [
                    0: {
                         id: 1,
                         email: asd@asd
                       }
                    1: {
                         id: 1,
                         email: asd@asd
                       }
                  ]

emailSub(event, data) {
    const trigger = $(event.target);
    this.emailData.contractors.forEach((v, i) => {
      if (v.id == data.id) {
        this.emailData.contractors[0]['subject'] = trigger.val();
      }
    });
  }

Expected Output

                    0: {
                         id: 1,
                         email: asd@asd
                         subject: 'sdf'
                       }
                    1: {
                         id: 1,
                         email: asd@asd`enter code here`
                       }
                  ]

How can i achive this in angular 8. the function above is not working on a keyup of an input from which i get the data

[ 0: { is not valid syntax

CertainPerformance
– CertainPerformance

2020-04-22 05:56:05 +00:00
Commented Apr 22, 2020 at 5:56 — CertainPerformance
– CertainPerformance, Commented Apr 22, 2020 at 5:56

Adrita Sharma · Accepted Answer · 2020-04-22 06:24:28Z

1

Use Object.assign to add an property.

Try like this:

emailSub(event, data) {
   const trigger = $(event.target);
   let item = this.emailData.contractors.find(x => x.id == data.id);
   Object.assign(item, {'subject':trigger.val()})
}

Working Demo

answered Apr 22, 2020 at 6:24

Adrita Sharma

22.3k11 gold badges75 silver badges85 bronze badges

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

Comments

Dickens A S · Accepted Answer · 2020-04-22 05:59:04Z

0

change your data to

emailData.contractors = [
                {
                     id: 1,
                     email: "asd@asd"
                },
                {
                     id: 2,
                     email: "asd@asd"
                }
              ]

Or

emailData.contractors = {
                0: {
                     id: 1,
                     email: "asd@asd"
                },
                1: {
                     id: 2,
                     email: "asd@asd"
                }
              }

answered Apr 22, 2020 at 5:59

Dickens A S

4,0743 gold badges27 silver badges53 bronze badges

1 Comment

Khalid Emraan Over a year ago

is my function should work,,,, those data is for example ... i got the emailData.contractors from an api like this ``` data: [,…] 0: {company: "ABC Maintenance", address: "17/52 Holker Street", preferred: 0, phone: "(03) 9508 5588 ",…} 1: {company: "AZ Electrician", address: 13, preferred: 0, phone: "(02) 9875 0000 ", fax: "9522 1111",…} 2: {company: "AZ Plumbing", address: "Sydney", preferred: 0, phone: "(02) 9443 8899 ", fax: "9887 6677",…} ```

Collectives™ on Stack Overflow

How to add a property to an object at a specific index of an array in typescript (Angular)?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related