angularjs – 在角度更新文档之前找不到图像

发布时间：2020-12-17 08:26:21 所属栏目：安全来源：网络整理

导读：我有一个角度的JS应用程序，它有一些数组，从一个数组。我的模型看起来像这样 $scope.images = [ {url: 'someimage.png',desc: 'some desc'},{url: 'someimage.png',desc: 'some desc'} ] 在我看来，我重复一遍，显示所有的图像。 ul li ng-repeat="image i

我有一个角度的JS应用程序，它有一些数组，从一个数组。

我的模型看起来像这样

$scope.images = [ {url: 'someimage.png',desc: 'some desc'},{url: 'someimage.png',desc: 'some desc'} ]

在我看来，我重复一遍，显示所有的图像。

<ul>
  <li ng-repeat="image in images" ><img src="{{image.url}}" /></li>
</ul>

这有效，但我收到一些页面错误，这说明了

404 Not Found - http://localhost/{{image.url}}

图像正确显示，所以很明显，在Angular已解析之前，图像正在尝试加载才能准备好。我的脚本也在头上，所以它不应该是一个JavaScript排序错误。

这里的问题是我应该使用ng-src而不是src，这样只有在Angular准备就绪时才会尝试显示图像。

所以，正确的代码看起来像

<ul>
  <li ng-repeat="image in images" ><img ng-src="{{image.url}}" /></li>
</ul>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!