了解Angular JS中的本地主机图像加载错误

分解错误：

%7B%7BCurrentPage.img%7D%7D

您的图片来源是url编码的，其中：

%7B%7B is {{

和

%7D%7D is }}

页面加载后，浏览器将尝试获取由指定的图像

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

但是angular尚未有机会评估该表达式。然后浏览器尝试获取由原始文本指定的图像

"{{CurrentPage.img}}"

<img src="%7B%7BCurrentPage.img%7D%7D">

并且无法获取该网址指定的图像：

http://localhost:8080/%7B%7BCurrentPage.img%7D%7D

因为那里什么都不存在。为了解决这个问题，请使用ng-
src
：

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

这样可以防止浏览器在通过角度正确评估之前加载图像。