AngularJS：处理具有相同输入名称的值答案

【问题标题】：AngularJS : Handling value with same input nameAngularJS：处理具有相同输入名称的值
【发布时间】：2015-09-13 06:17:36
【问题描述】：

我是 AngularJS 的新手，想做表单 ajax 提交。我需要一些有关如何传递具有相同输入名称（例如用户名 []）的值的帮助或指导，以使用 $http.post 和 PHP/MYSQL 作为 JSON 的后端帮助。

<!DOCTYPE html>
<html>
<head>
    <title>Testing</title>
</head>
<body ng-app="myApp">
<div ng-controller="tableController as tblCtrl">
    <table>
        <thead>
            <tr>
                <th>No</th>
                <th>Username</th>
                <th>Email</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="row in rows">
                <td>{{ $index + 1 }}</td>
                <td><input type="text" name="{{ row.iuname }}" placeholder="{{ row.iumask }}"></input></td>
                <td><input type="text" name="{{ row.iename }}" placeholder="{{ row.iemask }}"></input></td>
            </tr>
        </tbody>
    </table>
    <button ng-click="addRow()">Add Row</button>
    <button ng-click="addUsers()">Save</button>
</div>
<script src="angular.min.js"></script>
<script src="app.js"></script>
</body>
</html>

JS：

var app = angular.module('myApp', []);

app.controller('tableController', ['$scope', function($scope, $http) {
        $scope.rows = [{iumask:'Username',iuname:'username[]',iemask:'Email',iename:'uemail[]'}];

        $scope.addRow = function() {
            $scope.rows.push({iumask:'Username',iuname:'username[]',iemask:'Email',iename:'uemail[]'});
            $scope.iuname = '';
            $scope.iename = '';
        }

        $scope.iuname = "";
        $scope.addUsers = function(){

        }

    }]);

【问题讨论】：

你能分享一下你到目前为止的尝试吗？
你应该从谷歌开始（例如：docs.angularjs.org/api/ng/service/$http）然后尝试一些东西，如果你需要更多信息，然后发布你的尝试

标签： javascript php mysql angularjs

【解决方案1】：

这样您就可以使用 post request 将您的用户列表发送到服务器

            var inputContent=[];
            $scope.addValue=function(data){
                              inputContent.push(data);
                            }


            $scope.submit=function(){
                var promise=$http({
                        method : 'POST',
                        url : serviceUrl+"/userList",
                        data : $.param(inputContent), // pass in data as strings
                        headers : { 'Content-Type': 'application/x-www-form-urlencoded' }
                         // set the headers so angular passing info as form data (not request payload)
                    });
                promise.then(function(data){
                    alert(dat)
                })
            }

【讨论】：

仍然没有成功。你可以用 jsfiddle 或其他地方做吗？
实际上我试图给你一种方法，如何将你的 json 对象发布到服务器首先我将值添加到数组中，然后每当触发提交函数时，我只是将数组发布到服务器使用 ajax 请求。