Angular 调用一次空的 ng-repeat？答案

【问题标题】：Angular calls empty ng-repeat once?Angular 调用一次空的 ng-repeat？
【发布时间】：2015-08-26 17:12:09
【问题描述】：

在我的 Angular 网站中，我有一个简单的 ng-repeat：

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

当打开网站时，控制器中的 prop.images 为空：

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

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

的调用

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

对于其余部分，ng-repeat 很好。如果将新图像加载到 $scope.prop.images 中，它们会正常显示并且一切正常。

有人知道为什么会打这个初始电话吗？欢迎所有提示！

【问题讨论】：

【解决方案1】：

使用ng-src 而不是src 作为属性查看documentation了解更多信息

在 src 属性中使用像 {{hash}} 这样的 Angular 标记不起作用右：浏览器将从带有文字文本的 URL 中获取 {{hash}} 直到 Angular 替换 {{hash}} 中的表达式。这 ngSrc 指令解决了这个问题。

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

使用ng-src 而不是src。这将解决问题。

【讨论】：