Javascript AngularJS-图像加载AJAX具有不同的宽度和高度

我使用ng repeat、AJAX和分页来加载AngularJS中的表

代码如下：

<ul class="result_panel">
            <li class="result_row" dir-paginate="data in ctrl.datas | itemsPerPage: ctrl.datasPerPage" total-items="ctrl.totalDatas" current-page="ctrl.currentPage">
                <div>
                    <img ng-src="{{ data.url }}" style="width: 50px; height: 50px;">
                    <div>{{ data.name }}></div>
                </div>
            </li>
</ul>

{{data.name}}>

虽然它在50%的时间里工作，但另一半的时间里，图像不尊重CSS中的宽度和高度。我添加了内联样式以防万一，但它没有改变任何东西

此外，图像有时会断开链接，即使它们只是一个占位符。该链接是一条显示该链接的laravel路线。如果我在新选项卡中打开一个断开的链接，它将正常加载

需要注意的是，当我分页到第2页时，图像具有不同的宽度，如果我接着分页到第3页，然后返回到第2页，每一张图像都将具有正确的CSS，并且可以很好地加载

我怎样才能解决这个问题

更新：

找到图像加载不正确的答案。似乎Laravel会话在执行太多AJAX请求的过程中丢失了，我不得不将session.php驱动程序和.env驱动程序更改为cookie

---

我还发现CSS问题在Firefox中消失了。但它在Chrome中保持不变：（

请创建一个复制问题的演示。显示的代码中没有任何东西会导致问题，除非您使用的任何分页指令不支持Transclusion。我不能，代码太复杂，无法复制，并且它仍然在开发服务器上。环境是Laravel 5，我可以从中发布代码。我认为这是一个关于AngularJS，因为JSON响应中包含的信息都很好，甚至可以正确地加载到页面中。图像显示为断开的链接tho，CSS大多数时候都是错误的。所以我认为这是客户端的问题…没有什么阻止您使用示例数据创建缩小的版本我遇到了麻烦在Plunker上造成这种情况。虽然我有更新，但在Firefox上CSS问题似乎消失了，但仍然有断开的链接。当我进入网络选项卡时，我看到两个“哎哟，出问题了”Laravel错误。但没有显示更多内容…请创建一个复制问题的演示。显示的代码中没有任何内容会导致问题，除非您使用的任何分页指令不支持Transclusion。我不能，代码太复杂，无法复制，并且仍在开发服务器上。环境是Laravel 5，我可以发帖代码。我认为这都是关于AngularJS的，因为JSON响应中包含的信息都很好，甚至可以正确地加载到页面中。图像显示为断开的链接，CSS大多数时候都是错误的。所以我认为这是客户端的问题……没有什么可以阻止你创建一个缩小的version with sample data我在Plunker上重现这种情况时遇到困难。虽然我有更新，看起来Firefox上的CSS问题消失了，但仍然有断开的链接。当我进入“网络”选项卡时，我看到两个“哎哟，出了点问题”的Laravel错误。但没有更多显示。。。