如何使用angularjs通过控制器获取多个复选框值并将其传递给服务器端(php)
如何使用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
<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
}));
});
}
}
});