Add object to variable defined for form

Question

I have a form that uses $scope.booking variable composed of several fields and array, all loaded from HTML. I need to add an array of object from javascript, adding one object per time. I tryed

$scope.booking.newExternalUsers[$scope.count]= $scope.user.newExternalUser;

and

$scope.booking.newExternalUsers.push=$scope.user.newExternalUser;

but I receive Cannot set property '0' of undefined and Cannot set property of undefined, it is correct because I have instantiated only $scope.booking={} Maybe is a stupid question, but I am almost new in angularjs, how can I add the $scope.user.newExternalUser one pertime (for each button event)?. Thanks

Mohamed Abbas · Accepted Answer · 2017-06-23 13:49:12Z

2

You should define the array first before set values to it.

like this:

$scope.booking = {};

$scope.booking.newExternalUsers = [];

or

$scope.booking = {
    newExternalUsers: []
};

Then

You can add items to it as you want, like this:

$scope.booking.newExternalUsers[$scope.count]= $scope.user.newExternalUser;

or using Array.prototype.push()

$scope.booking.newExternalUsers.push($scope.user.newExternalUser);

answered Jun 23, 2017 at 13:49

Mohamed Abbas

2,3081 gold badge14 silver badges19 bronze badges

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

Comments

Sachila Ranawaka · Accepted Answer · 2017-06-23 13:47:15Z

1

First define the property newExternalUsers in booking array first

$scope.booking={
  'newExternalUsers' : []
}

or

$scope.booking.newExternalUsers=[]

Then push the item to an booking array

$scope.booking.newExternalUsers.push($scope.user.newExternalUser);

answered Jun 23, 2017 at 13:47

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Comments

Hoyen · Accepted Answer · 2017-06-23 13:47:29Z

0

You have to instantiate $scope.booking.newExternalUsers=[]

answered Jun 23, 2017 at 13:47

Hoyen

2,5291 gold badge14 silver badges13 bronze badges

2 Comments

luca Over a year ago

it creates a different object

Hoyen Over a year ago

@luca You have to define newExternalUsers as an Array first, before you can use it. The undefined error is because your $scope.booking object doesn't have the newExternalUsers property defined.

rrd · Accepted Answer · 2017-06-23 13:47:40Z

0

I'll assume you have a controller. In that controller you can have this:

$onInit() {
  this.booking = { newExternaUsers: [] };
}

Then it's initiated once when the controller starts.

answered Jun 23, 2017 at 13:47

rrd

5,9873 gold badges32 silver badges37 bronze badges

Collectives™ on Stack Overflow

Add object to variable defined for form

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related