How to get values of input in Angular JS?

Question

In Angular JS are created inputs.

<input type="text">
<input type="text">

How I can to get values from each inputs and send to server?

I tried:

<input type="text" ng-model="typeInput">

But I get value only one field.

In server I am planning to get data format: $_POST['type'][0] = 'One value'; $_POST['type'][1] = 'Two value';

I mean, that I need send to server array of values. For example:

name="type[]" value="1"
name="type[]" value="2"
name="type[]" value="3"

So, in server I cando loop for check:

foreach($_POST['type'] as $val){
  //prepare
}

Specify your question clearly. It does not specify what do you want to achieve? — Ajeet Lakhani
– Ajeet Lakhani, Commented May 4, 2015 at 20:48

c0r3yz · Accepted Answer · 2015-05-05 15:53:26Z

2

Using the ng-model binds it to the property of the same name in the $scope of the controller.

You would access it in your controller like so:

$scope.typeInput

Or you can access it in your HTML like so:

{{typeInput}}

To access both fields, you would need to give them both a different property name to bind to.

<input type="text" ng-model="firstName">
<input type="text" ng-model="lastName">
...
alert($scope.firstName);
alert($scope.lastName);

Edit: Here's an example fiddle with binding your inputs to an array: https://jsfiddle.net/gxmw62rj/2/

answered May 4, 2015 at 20:31

c0r3yz

8458 silver badges19 bronze badges

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

3 Comments

But If I want to sent array of fields to server? How as like: name="type[]"?

@Hamed - I made an update to show binding to an array.