如何在Angular JS中获取输入值?

时间:2015-05-04 20:25:38

标签: angularjs

在Angular中创建了inputs

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

如何从每个输入获取值并发送到服务器?

我试过了:

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

但我只获得一个领域的价值。

在服务器中,我计划获取数据格式:$_POST['type'][0] = 'One value'; $_POST['type'][1] = 'Two value';

我的意思是,我需要发送到服务器数组值。例如:

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

所以,在服务器I中,我要循环检查:

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

1 个答案:

答案 0 :(得分:2)

使用ng-model将其绑定到控制器$ scope中的同名属性。

您可以在控制器中访问它,如下所示:

$scope.typeInput

或者您可以在HTML中访问它:

{{typeInput}}

要访问这两个字段,您需要为它们提供要绑定的不同属性名称。

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

此处提供更完整的信息:https://docs.angularjs.org/api/ng/directive/ngModel

编辑:以下是将输入绑定到数组的示例:https://jsfiddle.net/gxmw62rj/2/