Mysql 数据库中的laravel模态显示数据

我需要像这样展示。它目前正在工作，但如果有替代和清洁的方法，请。邮局

我将发布这是如何工作的。我觉得有更多的方式来显示数据

这是一把利刃。让我们称之为table.blade.php

这是目前正在运行的代码

表代码

<table id="example1" class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th style="width:35%;">Name</th>
                    <th>Contact Person</th>
                    <th>Email</th>
                    <th>Phone Number</th>
                    <th>Date</th>
                    <th>View</th>
                    <th>Delete</th>
                </tr>
            </thead>
            <tbody>
                @foreach($data as $value)
                <tr>
                    <td>{{ $value['name'] }}</td>
                    <td>{{ $value['contact_person'] }}</td>
                    <td>{{ $value['email'] }}</td>
                    <td>{{ $value['phone_number'] }}</td>
                    <td>{{ date('F d, Y h:i:s a',strtotime($value['created_at'])) }}</td>
  <!--view button--><td><button data-id="{{ $value['id'] }}" class="btn btn-block btn-info" onClick="open_container2(this);" ><i class="fa fa-fw fa-eye"></i> View </button></td>
                    <td><a href="{{ url('dashboard/delete', [Hashids::encode($value -> id)]) }}"><button class="btn btn-block btn-danger"><i class="fa fa-fw fa-trash"></i> Delete</button></a></td>
                </tr>
                    @endforeach
            </tbody>
        </table>

那太好了

我想把它展示成这样

我想要的例子

<dl class="dl-horizontal ajax">
    <dt>Posted Date</dt>
    <dd>{{ $value['created_at'] }}</dd>
    <dd>&nbsp;</dd>
    <dt>Name</dt>
    <dd>{{ $value=['name'] }}</dd>
    <dd>&nbsp;</dd>
    <dt>Contact Person</dt>
    <dd>{{ $value['contact_person'] }}</dd>
    <dt>Email</dt>
    <dd>{{ $value['email'] }}</td>
    <dt>Phone Number</dt>
    <dd>{{ $value['phone_number'] }}</dd>
</dl>

公布日期
{{$value['created_at']}
名称
{{$value=['name']}
联系人
{{$value['contact_person']}
电子邮件
{{$value['email']}
电话号码
{{$value['phone_number']}

拉维约束

尝试实现的功能在Laravel中是不可能的。Laravel代码和jquery代码之间没有直接联系。您必须像现在这样使用jquery来更新DOM

一路安格拉斯

实现此类功能的最佳方法是使用AngularJS。以下是你在AngularJS中的表现

对API进行异步ajax调用以获取数据

在模型（或范围）中加载数据

在HTML中使用范围对象

模型（范围）是双向绑定的，因此JS的任何更改都将 及时反映在HTML中，反之亦然

深潜

---

有关详细信息，您可以。

很抱歉，我没有真正了解您的问题。你能在结尾用两行或三行描述你的问题吗。目前它很分散，很难理解。谢谢你的耐心和努力。我更新了帖子，先生。这是我能给出的最好的解释。如果仍然无法理解，我可以重新措辞。谢谢你的时间。看来我已经走到路的尽头了。谢谢你给我一个通过angular的替代方法，我很感激。你可以等待其他答案，如果有更好的答案出现，你可以将其标记为已接受的答案。否则我认为这是唯一的出路。

<div class="modal-body">
                            <div class="box-header with-border">
                                <h3 class="box-title" id="corp">
                                </h3>
                            </div><!-- /.box-header -->
                            <div class="box-body">

                                <dl class="dl-horizontal ajax">
                                    <dt>Posted Date</dt>
                                    <dd id="date"></dd>
                                    <dd>&nbsp;</dd>
                                    <dt>Name</dt>
                                    <dd id="name"></dd>
                                    <dd>&nbsp;</dd>
                                    <dt>Contact Person</dt>
                                    <dd id="cp"></dd>
                                    <dt>Email</dt>
                                    <dd id="email"></dd>
                                    <dt>Phone Number</dt>
                                    <dd id="phone"></dd>
                                </dl>
                            </div><!-- /.box-body -->

                    </div><!-- ./col -->

$('#date').html(data.data.created_at);
                    $('#name').html(data.data.name);
                    $('#corp').html(data.data.name);
                    $('#cp').html(data.data.contact_person);
                    $('#email').html(data.data.email);
                    $('#phone').html(data.data.phone_number);

<dl class="dl-horizontal ajax">
    <dt>Posted Date</dt>
    <dd>{{ $value['created_at'] }}</dd>
    <dd>&nbsp;</dd>
    <dt>Name</dt>
    <dd>{{ $value=['name'] }}</dd>
    <dd>&nbsp;</dd>
    <dt>Contact Person</dt>
    <dd>{{ $value['contact_person'] }}</dd>
    <dt>Email</dt>
    <dd>{{ $value['email'] }}</td>
    <dt>Phone Number</dt>
    <dd>{{ $value['phone_number'] }}</dd>
</dl>