Question

我使用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>

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

此外，图片有时断开链接，即使它们只是一个占位符。该链接是一个显示它的laravel的路线。如果我在新标签中打开一个损坏的链接，它会正常加载。

需要注意的是，当我分页到第2页并且图像具有各种宽度时，如果我然后分页到第3页，然后返回到第2页，每个图像将具有正确的CSS，并将加载正常。

我该如何解决？

更新：

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

我也发现在Firefox中CSS问题消失了。但它在Chrome中保持不变:(

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

0 个答案: