从控制器接收到的数据显示“bootstrap-table”中的数据

Question

从 Laravel 的控制器中，我以这种方式将数据发送到视图

public static function index(): Factory|View
    {
        $products = Products::where('visible',true)->get();
        return view('products.list',compact('products'));
    }

在刀片视图中，我之前使用 data-url 从端点接收信息，但我想显示从 $products 中的控制器接收的数据

@extends('layout')

@section('content')

    <div id="list-test">

        <table
            id="tabla-listado-productos"
            data-locale="es-ES"
            data-toggle="table"
            data-pagination="true"
            data-search="true"
            data-filter-control="true"
            data-show-search-clear-button="true"
            data-mobile-responsive="true">
            <thead>
            <tr>
                <th data-field="id">id</th>
                <th data-field="name" data-sortable="true">name</th>
              </tr>
            </thead>
        </table>


    </div>
@endsection

@section('script')

    <script type="text/javascript">

        $(document).ready(function() {
            var productos = @json($productos);

            console.log(productos);

            $('#tabla-listado-productos').bootstrapTable({
                data: productos,
            });
        });
        

    </script>

@endsection

如果我在刀片视图中执行 $products 的 console.log，我会看到数据。

0:{id: 1, name: 'car test number 1', …}
1:{id: 2, name: 'car number 2', …}
length:2\[\[Prototype\]\]:Array(0)

多个站点搜索信息

Answer 1

您已在控制器中将变量定义为

$products

，但您尝试在 Blade 视图中将其访问为

productos

。确保变量名称匹配。