angularjs - Angular reporting 404 on url source -

i have angular template:

    <div class="item holder" ng-repeat="article in articles">         <div class="col-xs-4 col-sm-4 col-md-3 holder imgholder">             <a href="{{article.articlelink}}"><img src="{{article.image}}" alt="" /></a>         </div>     </div> 

it shows list of articles.

i'm getting following error on console:

get http://example.com/%7b%7barticle.image%7d%7d 404 (not found) 

the template renders articles correctly error.

why getting error?

first take article.image , print console console.log , copy + paste url browser. browser 404? if happens wrong without url. if not case then:

it looks angularjs replacing key characters url safe characters.
try using ng-src="article.image" instead.

if still getting 404 , still has %7d's in output article.image console make sure string not bad.