如何使用angularjs通过控制器获取多个复选框值并将其传递给服务器端(php)

如何使用angularjs通过控制器获取多个复选框值并将其传递给服务器端(php),php,angularjs,Php,Angularjs,如何使用angularjs通过控制器获取多个复选框值并将其传递给服务器端(php)。 但它没有抛出任何控制台错误或其他错误。 我不知道我的代码出了什么问题 <label ng-repeat="role in roles"> <input type="checkbox" checklist-model="user.roles" checklist-value="role" ng-change="checkFirst()"> {{role}} &l

如何使用angularjs通过控制器获取多个复选框值并将其传递给服务器端(php)。 但它没有抛出任何控制台错误或其他错误。 我不知道我的代码出了什么问题

    <label ng-repeat="role in roles">
      <input type="checkbox" checklist-model="user.roles" checklist-value="role" ng-change="checkFirst()"> {{role}}
    </label> 



 $scope.roles = [
                    'guest', 
                    'user', 
                    'customer', 
                    'admin'
                  ];
                  $scope.user = {
                    roles: ['user']
                  };

                  $scope.checkFirst = function() {
                    $scope.user.roles.splice(0, $scope.user.roles.length); 
                    $scope.user.roles.push('guest');
                    console.log($scope.user.roles);
                  };

{{role}}
$scope.roles=[
“客人”,
“用户”,
“客户”,
“管理员”
];
$scope.user={
角色:[“用户”]
};
$scope.checkFirst=函数(){
$scope.user.roles.splice(0$scope.user.roles.length);
$scope.user.roles.push('guest');
log($scope.user.roles);
};

既然您刚开始学习Angular,那么让我发布一些可能对您有所帮助的示例

<div ng-app="checkbox" ng-controller="homeCtrl">
<div ng-repeat="item in list">
    <input type="checkbox" checkbox-group />
    <label>{{item.value}}</label>
</div>{{array}}
<br>{{update()}}

如果这对您有帮助,请告诉我。

调用服务器的代码在哪里?我没有明确的代码。我是从外部获取的,而且我是新来的。我用文档的方式尝试了这一点,然后它只反映真或假,但我想要它的值。。你能给我一些指导吗..我在使用现有控制器运行此代码时遇到了一些角度错误。我已经有了编译html代码的自定义指令。现在我已经在我的编译指令下面添加了上述指令(仅限于)。并在控制器中添加了上述控制器代码。喜欢app.directive('compile',['$compile',function($compile){//some code}).directive('checkboxGroup',function(){//over directive code}).controller('adminController',function($scope,$http,$location,$upload){我收到错误..我调用了一个未初始化的控制器。这就是问题..感谢对我问题的响应兄弟。。
var app = angular.module('checkbox', []);

app.controller('homeCtrl', function($scope) {
    $scope.array = [1, 5];
    $scope.array_ = angular.copy($scope.array);
    $scope.list = [{
        "id": 1,
        "value": "apple",
    }, {
        "id": 3,
        "value": "orange",
    }, {
        "id": 5,
        "value": "pear"
    }];

    $scope.update = function() {
        if ($scope.array.toString() !== $scope.array_.toString()) {
            return "Changed";
        } else {
            return "Not Changed";
        }
    };

})
.directive("checkboxGroup", function() {
    return {
        restrict: "A",
        link: function(scope, elem, attrs) {
            // Determine initial checked boxes
            if (scope.array.indexOf(scope.item.id) !== -1) {
                elem[0].checked = true;
            }

            // Update array on click
            elem.bind('click', function() {
                var index = scope.array.indexOf(scope.item.id);
                // Add if checked
                if (elem[0].checked) {
                    if (index === -1) scope.array.push(scope.item.id);
                }
                // Remove if unchecked
                else {
                    if (index !== -1) scope.array.splice(index, 1);
                }
                // Sort and update DOM display
                scope.$apply(scope.array.sort(function(a, b) {
                    return a - b
                }));
            });
        }
    }
});