How can I pass array from form using angularJs?

Question

I have registration form and I have to pass the data in this format, till "LastName" I am able to send the data, but I am facing the issue to send the "Address" because there is one more array inside array. I tried lots of method search from google but not able to do.

{
       'Password':'125125', 
       'EmailAddress':'[email protected]',
       'FirstName':'David3',
       'LastName':'Hirst3',
       'Address':{
                  'Address1':'Unit 4',
                  'Address2':'1465 Gold Coast Hwy',
                  'State':'QLD',
                  'Suburb':'BBurleigh Heads',
                  'Postcode':'4220'
                }
    }

Please tell me how can I send this formdata with angularJs......

Preety Sapra · Accepted Answer · 2014-09-24 05:07:21Z

Here is the solution....

Here is my html code....

registration.html

 <div class="list list-inset">
                <label class="item item-input item-icon-left">
                    <i class="icon ion-android-note"></i>
                    <input type="text" placeholder="Address1*" name = "Address1"  ng-module = "formdata.Address.Address1">
                </label>
                <label class="item item-input item-icon-left">
                    <i class="icon ion-android-note"></i>
                    <input type="text" placeholder="Address2*" name = "Address2" ng-module = "formdata.Address.Address1">
                </label>
                <label class="item item-input item-icon-left">
                    <i class="icon ion-android-note"></i>
                    <input type="text" placeholder="State*" name = "State" ng-module = "formdata.Address.State">
                </label>
                <label class="item item-input item-icon-left">
                    <i class="icon ion-android-note"></i>
                    <input type="text" placeholder="Suburb*" name = "Suburb" ng-module = "formdata.Address.Suburb">
                </label>
                <label class="item item-input item-icon-left">
                    <i class="icon ion-ios7-location"></i>
                    <input type="text" placeholder="Post Code*" name = "PostCode" ng-module = "formdata.Address.PostCode">
                </label>

    <div>

controller.js

ctrl.controller('clinicCtrl', function($scope, $state, $window, api, $ionicLoading) {
    $scope.formData = {};
});

So, now I am getting the same format which one I want......

underscore · Accepted Answer · 2014-09-24 04:50:36Z

0

You need to have array of objects.You you need to wrap the Address object with []

  var data = {
               'Password':'125125', 
               'EmailAddress':'[email protected]',
               'FirstName':'David3',
               'LastName':'Hirst3',
               'Address':[{
                          'Address1':'Unit 4',
                          'Address2':'1465 Gold Coast Hwy',
                          'State':'QLD',
                          'Suburb':'BBurleigh Heads',
                          'Postcode':'4220'
                        }]
            };

for Address

$scope.data = data.Address;

Fiddle

answered Sep 24, 2014 at 4:50

underscore

6,9277 gold badges44 silver badges82 bronze badges

1 Comment

Preety Sapra Over a year ago

I have to send the this data to api with post method...so i am using like that $scope.formdata = {};

Tim · Accepted Answer · 2014-09-24 08:22:29Z

0

Try this:

{
       'Password':'125125', 
       'EmailAddress':'[email protected]',
       'FirstName':'David3',
       'LastName':'Hirst3',
       'Address':[{
                  'Address1':$scope.formData.Address1,
                  'Address2':$scope.formData.Address2,
                  'State':...,
                  'Suburb':...,
                  'Postcode':...
                }]
    }

Also I think you have a problem with your html

You should change ng-module to ng-model

From:

<input type="text" placeholder="Address1*" name = "Address1"  ng-module = "formdata.Address.Address1">

To:

<input type="text" placeholder="Address1*" name = "Address1"  ng-model = "formdata.Address.Address1">

This should work

edited Sep 24, 2014 at 8:22

answered Sep 24, 2014 at 4:49

Tim

2,7053 gold badges34 silver badges39 bronze badges

1 Comment

Preety Sapra Over a year ago

No, I have api which is taken in this format only.....so I have to pass in this format...and I am using angularjs to pass the data by using "ng-module" directive...

Collectives™ on Stack Overflow

How can I pass array from form using angularJs?

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related