Angular只调用空的ng-repeat一次

Angular calls empty ng-repeat once?

本文关键字：ng-repeat 一次 调用 Angular      更新时间：2023-09-26

在我的angular网站中，我有一个简单的ng-repeat:

<div ng-repeat="image in prop.images">
    <img src="/doc/{{ image.id }}?width=200">
</div>

和打开网站道具时。控制器中的Images为空:

$scope.prop = {};
$scope.prop.images = [];

但是在我的服务器日志中我看到了对

的调用
GET /doc/%7B%7B%20image.id%20%7D%7D?width=200

其余的用ng-repeat就可以了。如果新的图像加载到$scope.prop.images，它们显示良好，一切工作如预期。

有人知道为什么要打这个电话吗?欢迎所有的建议!

使用ng-src代替src作为属性查看文档了解更多

在src属性中使用{{hash}}这样的Angular标记是行不通的右:浏览器将从URL中获取文本{{hash}}直到Angular替换了{{hash}}里面的表达式。的ngSrc指令解决了这个问题。

您应该直接使用ng-src而不是src。

<img ng-src="/doc/{{ image.id }}?width=200">

使用src="/doc/{{ image.id }}?width=200"对图像的第一个初始调用不是Angular的，而是解析和渲染DOM时的浏览器的

使用ng-src代替src。

相关文章：