javascript - angularjs ngrepeat img 嵌入

标签 javascript angularjs angularjs-ng-repeat

我从昨天开始学习 Angular,所以以下内容可能有意义也可能没有意义:

<div data-ng-repeat="social in socialnets">
    <a href="{{social.url}}" target="_blank">
       <img src="{{social.img}}" alt="{{social.alt}}" height="50">
       {{social.name}}
     </a>
</div>

控制台显示错误

GET http://10.0.0.27/%7B%7Bsocial.img%7D%7D 404 (Not Found)

对我的意义:

<img src="{{social.img}} ...> 

这是否意味着它在angularjs加载作用域变量之前被触发了一次????

页面仍然呈现正常。但是......消除不必要的错误的最佳方法是什么?

对我来说没有意义,因为上面的 ng-repeat 是由 ng-include 加载的

<div ng-include="'html/socialbar.html'"></div>

最佳答案

在您的 img 标签中使用 ng-src 而不是 src。

<img ng-src="{{social.img}} ...> 

关于javascript - angularjs ngrepeat img 嵌入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29663958/

相关文章:

javascript - 告诉 Angular 不要刷新 View

javascript - AngularJS 谷歌地图指令

javascript - AngularJS 获取 JSON 数组中特定项的长度

javascript - 根据 Angular 中的单独变量设置下拉菜单默认值

javascript - 尝试使用 MediaHound API 时遇到问题

javascript - Javascript 中的函数名称(e)

javascript - 从javascript中的文档中删除表单元素

angularjs - 从顶部删除项目时如何在AngularJS中保留ng-repeat的滚动位置

javascript - 如何使用 angularjs ng-repeat 迭代并获取 json 值?

javascript - 按内容匹配元素在控制台中有效,失败 "in real life"