Laravel Backpack自定义table.blade.php：每行前置数组元素求助

看起来你已经离正确方案很近了，核心问题是把PHP后端的静态数组和前端AngularJS的ng-repeat循环正确对应起来，之前的写法要么因为嵌套循环导致行重复，要么破坏了原有的表单绑定逻辑导致无法保存。下面是具体的解决步骤：

1. 优化后端数组定义并传递给前端 #

在table.blade.php顶部，先把PHP数组转成JavaScript可访问的变量，同时简化$items的赋值逻辑：

<?php 
// 定义静态数组
$staticArray = ["A","B","C","D","E","F","G","H","I","J","K"]; 
// 简化items的取值逻辑（用null合并运算符更简洁）
$items = old($field['name']) ?? ($field['value'] ?? ($field['default'] ?? []));
// 把PHP数组转成JSON格式，供前端使用
$jsStaticArray = json_encode($staticArray);
?>

<!-- 将数组注入到前端全局作用域 -->
<script>
    window.staticRowLabels = {!! $jsStaticArray !!};
</script>

2. 修改表格行的渲染逻辑 #

保留原有的ng-repeat循环（负责渲染表单行），利用AngularJS的$index（循环索引）来匹配静态数组的元素，同时必须保留原有的columns循环以保证表单字段的正确绑定：

<!-- 用$index关联静态数组，track by $index避免Angular重复元素报错 -->
<tr ng-repeat="item in items track by $index" class="array-row">
    <!-- 行首显示静态数组对应索引的元素，用@{{ }}避免和Blade语法冲突 -->
    <td>@{{ staticRowLabels[$index] }}</td>
    <!-- 保留原有的columns循环，确保每个字段的输入框都能正确绑定ng-model -->
    @foreach( $field['columns'] as $prop => $label)
        <td>
            <input class="form-control input-sm {{ $prop }}" type="text" ng-model="item.{{ $prop }}">
        </td>
    @endforeach
</tr>

为什么之前的方法不行？ #

• 步骤2的错误：你把PHP的foreach和Angular的ng-repeat嵌套了，导致静态数组的每个元素都会触发一遍所有表单行的渲染，自然会出现行重复。
• 步骤3的错误：移除columns循环后，丢失了对字段的遍历逻辑，不仅少了输入框，还因为$prop未定义导致ng-model绑定失效，所以无法保存表单值。

额外注意事项 #

• 你的控制器里设置了min和max都是11，刚好和静态数组的长度匹配，这样每一行都能对应到数组的元素，不会出现索引越界的问题；如果以后数组长度变化，记得同步修改min和max的值。
• 确保staticRowLabels在Angular的作用域内可访问，上面的写法是把它挂在window上，如果你有自定义的Angular控制器，也可以把数组注入到控制器的作用域中。

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