AngularJS ngrepeat img嵌入

Question

I am learning Angular since yesterday so the following may or may not make sense:

<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>

the console is showing an error

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

meaning to me:

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

does this mean that it is triggered once before angularjs loads the scope variable ????

the page still renders ok. but.... What is the best way to remove the unneeded error?

makes no sense to me as the above ng-repeat is loaded by a ng-include

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

Answer 1

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

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