如何将多个文本框字段作为数组传递给角度 js

Question

下面是控制器：

app.controller("DemoController"， function ($scope， $http( {

$scope.Save = function () { 
var Details = [];
Details = $scope.UserForm.AllFields;
$http.post(
"api/Add.php",
{'DemoDetails':$scope.Details}
).then(function successCallback(response) {
// Store response data
alert(response.data);
}, function errorCallback(response) {
alert(response.data);
});
};

}(;

以下是 HTML 表单：

`<form method="POST">
<input type="text" placeholder="Email" name="username" required="">
<input type="text" placeholder="Password" name="password" required="">
<input type="submit" name="login" ng-click="Save()" value="login"></label> 
</div>
</form>`;

下面是 php 脚本：

`<?php 
$postdata = file_get_contents("php://input");
if(isset($postdata) && !empty($postdata)){
$request  = json_decode($postdata); 
$username  = $request->username;
$password  = $request->password;
}`;

并保存到数据标签

Answer 1

您必须像这样序列化表单：

var serializedData = UserForm.serialize();
scope.onSubmit({data: serializedData});

在进一步讨论之前，请先看看该指令，这是一种通过使用指令来执行您尝试做的事情的尖锐而花哨的方法。从表单 AngularJS 中检索所有输入值