angularjs add item to object array

Question

I have a set of array and object that look like this

`

var PaymentContent = "Payments":
     [{
        "Details": {
                    "PaymentType": "CreditCard",
                    "Amount": $scope.total,
                    "CCNAME": $scope.Form.CreditCard.FullName,
                      }
      }]
Payments: Array[1]
0:Object
 Details: Object
 Amount: 5.99
 CCNAME: null
 PaymentType: "CreditCard"`

Now, how can i update that set of objects and array using angularjs? desired output :

Payments: Array[1] 0:Object Details: Object Amount: 5.99 CCNAME: null PaymentType: "CreditCard" LastPayment: "04/11/2011"

Notice the lastpayment field.

Here is my code

var paymentDetails = {LastPayment : '04/11/2011', LastSignOn : '04/11/2011'} fields = angular.extend({}, PaymentContent , paymentDetails);

Thanks!

You should show your complete object interaction code. BTW adding a property to existing object is just like assigning one like a.LastPayment = "sample"; — binariedMe
– binariedMe, Commented Sep 22, 2015 at 4:31
you could easily add LastPayment in payment array by Payments[0].LastPayment = '04/11/2011' — Pankaj Parkar
– Pankaj Parkar, Commented Sep 22, 2015 at 4:32
@Alex the thing you are talking is not reproduceable..could you please try reproduce it here jsfiddle.net/78y9T/73 — Pankaj Parkar
– Pankaj Parkar, Commented Sep 22, 2015 at 4:50

Pankaj Parkar · Accepted Answer · 2015-09-22 04:51:33Z

2

You are setting an empty object as destination. This new object will receive the properties and values of the other 2 objects...without changing those other 2 source objects

If you want the array object to receive the updates remove the first argument ( the empty object)

angular.extend( fields.Payments[0].Details, paymentDetails);

This will update fields.Payments[0].Details with all of the properties and values in paymentDetails

Demo Fiddle

edited Sep 22, 2015 at 4:51

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

answered Sep 22, 2015 at 4:36

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

Comments

HaRdik Kaji · Accepted Answer · 2015-09-22 04:37:29Z

2

You can directly write below code:

Payments[0].LastPayment = "04/11/2011";

answered Sep 22, 2015 at 4:37

HaRdik Kaji

4252 silver badges11 bronze badges

Collectives™ on Stack Overflow

angularjs add item to object array

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