AngularJS提交表单至Laravel API时$$hashKey字段插入报错求助

这个问题我之前也碰到过，AngularJS给数组元素自动加上的$$hashKey确实会给后端添不少麻烦，下面给你两种可行的解决思路，选适合你的就行：

方法一：前端提交前移除$$hashKey #

既然$$hashKey是AngularJS自己加的，那我们在把数据发去后端之前就把它清掉最直接：

方案1.1 用angular.toJson自动过滤 #

AngularJS的angular.toJson方法默认会忽略所有以$$开头的属性，所以可以这么处理：

// 假设你的表单数据存在$scope.formData里
var cleanData = angular.fromJson(angular.toJson($scope.formData));
// 提交清洗后的数据到Laravel API
$http.post('/api/operations', cleanData);

这样提交过去的operations数组里就完全看不到$$hashKey了。

方案1.2 手动遍历删除 #

如果不想用JSON转换，也可以直接遍历数组删除每个元素的$$hashKey属性：

$scope.formData.operations.forEach(function(item) {
    delete item.$$hashKey;
});
// 再提交处理后的表单数据

方法二：后端Laravel侧清洗数组 #

如果不想改动前端代码，就在Laravel里对接收的operations数组做处理：

方案2.1 原生数组遍历处理 #

// 先获取请求里的operations数组
$operations = $request->input('operations');
// 遍历每个元素，移除$$hashKey
$cleanOperations = array_map(function($item) {
    unset($item['$$hashKey']);
    return $item;
}, $operations);
// 批量插入清洗后的数据
Operation::insert($cleanOperations);

方案2.2 用Laravel集合优雅处理 #

Laravel的集合提供了更简洁的操作方式：

use Illuminate\Support\Arr;

$cleanOperations = collect($request->input('operations'))
    ->map(function($item) {
        return Arr::except($item, '$$hashKey');
    })
    ->toArray();

Operation::insert($cleanOperations);

为什么你之前的方法会报错？ #

你之前用$request = $request->except('operations[$$hashKey]')的问题出在两点：

1. except()方法只能移除请求顶层的字段，而$$hashKey是嵌套在operations数组的每个子元素里的，这个写法根本匹配不到目标字段；
2. $request->except()返回的是普通数组，不再是Request对象，所以之后调用$request->input('operations')就会触发“Call to a member function input() on array”的错误。

内容的提问来源于stack exchange，提问作者tinyCoder