javascript - Angular 调用空 ng-repeat 一次？

Question

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

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

当打开网站时， Controller 中的 prop.images 是空的:

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

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

的调用

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

其余的 ng-repeat 没问题。如果将新图像加载到 $scope.prop.images 中，它们会正常显示并且一切正常。

有人知道为什么要打这个电话吗？欢迎所有提示!

Answer 1

使用 ng-src 而不是 src 作为属性看documentation更多

Using Angular markup like {{hash}} in a src attribute doesn't work right: The browser will fetch from the URL with the literal text {{hash}} until Angular replaces the expression inside {{hash}}. The ngSrc directive solves this problem.