Angularjs如何将选中复选框的值发送到.php？

Question

我只想保存多个复选框中包含的值，前提是它们被选中。它们将使用 php 保存到 MySQL 数据库中。这是我的 HTML 代码。

<div class="panel" ng-controller="checkBoxController"> 
    <input class="form-control" placeholder="Cherchez vos contacts" type="text" ng-model="searchText">
    </br>
    <div ng-repeat="employee in employees | filter:searchText ">
        <label class="action-checkbox">
            <input id="{{employee.name}}" type="checkbox" value="{{employee.name}}" ng-checked="selection.indexOf(employee.name) > -1" ng-click="toggleSelection(employee.name)">
        </label>
        <label for="{{employee.name}}"></label>
            {{employee.name}}
        </label>
    </div>
    </br>
    <span class="selected-item">Destinataires choisis:<span>
    <div ng-repeat="name in selection" class="selected-item">
        {{name}}
    </div>
</div>

这是我的 JS 代码。

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

myApp.controller('checkBoxController', function($scope, $http) {
    $http.get("information.php")
        .success(function (response) {
            $scope.employees = response.records;
        }); 

    $scope.selection = [];

    // toggle selection for a given employee by name
    $scope.toggleSelection = function toggleSelection(employeeName) {
        var idx = $scope.selection.indexOf(employeeName);

        if (idx > -1) {
            $scope.selection.splice(idx, 1);
        } else {
            $scope.selection.push(employeeName);
        }
    };
});

下一步是什么？也许保存在 JSON 文件中并通过 HTTP post 发送？我迷路了。

Answer 1

您所要做的就是拥有一个可以接受 JSON 并将您的数组从控制器中的函数发送给它的端点。

$scope.sendSelection = function() {
    $http.post('your/url.php', { selection: $scope.selection })
        .success(function(data) {
            // Handle success.
        })
        .error(function(err) {
            // Handle error.
        });
}

然后有一个按钮在你的 HTML 中发送它：

<button data-ng-click="sendSelection()">Save Selections</button>

让 PHP 文件接收和处理 JSON 数组完全是另一回事。