gpt4 book ai didi

javascript - Angular 加载速度不够快以防止 ng-repeat 错误

转载 作者:行者123 更新时间:2023-11-30 07:38:04 26 4
gpt4 key购买 nike

我的模板中有一个非常普通的 ng-repeat 语句,用于重复表中的一组图像:

<tr ng-repeat="d in data">
<td><img src={{d.image}}></img></td>
</tr>

所有图像都正确加载(它们都存在并且都显示在表中)但是当我在本地测试(以及部署时)时,我在控制台中看到以下错误:

Failed to load resource: the server responded with a status of 404 (File not found) http://localhost:8000/%7B%7Bd.image%7D%7D

我认为这里发生的事情是在 Angular 加载之前抛出错误——这是有道理的,因为没有 Angular,寻找 {{d.image}} 应该抛出错误——然后一旦 Angular 加载,图像正确加载。

如何让浏览器在加载 Angular 之前不尝试渲染 {{d.image}}?我把ng-cloak进入<body>标签,但这似乎没有帮助。我什至在考虑这个正确的方法吗?

最佳答案

当您使用 src 属性插入图像路径时,往往会发生此问题。使用 ng-src 而不是使用 src 属性。

<tr ng-repeat="d in data">
<td><img ng-src="{{d.image}}"></td>
</tr>

关于javascript - Angular 加载速度不够快以防止 ng-repeat 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26072019/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com