Error on load image resource


I put a image url in my controller as:

$scope.imageUrl = “”;

And call it as html img tag as:

< img src="{{imageUrl}} >

And i got error:

Failed to load resource: the server responded with a status of 400 (Bad Request){{imageUrl}}

The image show properly but the error still there, can any one help?

I created a plnkr as ref.

Thanks a lot.

use ng-src instead of src :wink:

FirstTime your view content is loading the variable is not initialized, yet. But the src-attribute tries to load the unknown image. NG-src gets this fixed.

Thx @bengtler.
It’s work!!!
There are not more annoying error log.