AngularJS. Converting form fields to json

Question

Trying to understand how could be possible to write a function, (directive / controller) that would transform all my form inputs to json with current value that they have to json.

The json would have a format similar to that:

{    
    fields: [
          {field1: value1},
          {field2: value2},
          {field3, value3}
        ]    
}

Where to start from at least.. with no jquery applying?

joshperry · Accepted Answer · 2014-07-08 21:51:07Z

46

ng-model does it for you. A scope variable will be created if you haven't already created it yourself

<form name="myForm" ng-submit="submitMyForm()">
    <input ng-model="fields.name"  />

function myController($scope){
    $scope.submitMyForm=function(){
        /* while compiling form , angular created this object*/
        var data=$scope.fields;  
        /* post to server*/
        $http.post(url, data);        
    }

}

If you have the object to start with in your scope angular will 2 way bind to the input, so any values that are initially set in the scope object will show up in the input

edited Jul 8, 2014 at 21:51

joshperry

42.5k16 gold badges94 silver badges104 bronze badges

answered Nov 11, 2013 at 21:53

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

7 Comments

Sankar Over a year ago

var query = [ StartDate= $scope.StartDate.toPlanoLocalDateString(), EndDate= $scope.EndDate.toPlanoLocalDateString() ]; var tstring = jQuery.parseJSON(query); sir...i need to transfer these values to controller.How can i use this ...

charlietfl Over a year ago

@Sankar sould start with valid javascript.

charlietfl Over a year ago

@amit_yo same way you do any other ajax

0x777 Over a year ago

This works fine, I have a php backend and using $_POST, how do I read the fields.name value?

charlietfl Over a year ago

@defmx default content type of $http is application/json so $_POST is empty. Need to use json_decode(file_get_contents('php://input'));

|

Collectives™ on Stack Overflow

AngularJS. Converting form fields to json

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related