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

贡查尔·丹尼斯

如何找到以下错误报告中的错误?

GET http://localhost:8080/img/%7B%7BCurrentPage.img%7D%7D 404 (Not Found) angular.js:2763

r.html angular.js:2763
S.(anonymous function) angular.js:2810
(anonymous function) angular-ui-router.min.js:7
N angular.js:6711
g angular.js:6105
(anonymous function) angular.js:6001
j angular-ui-router.min.js:7
(anonymous function) angular-ui-router.min.js:7
k.$broadcast angular.js:12981
u.transition.L.then.u.transition.u.transition angular-ui-router.min.js:7
F angular.js:11573
(anonymous function) angular.js:11659
k.$eval angular.js:12702
k.$digest angular.js:12514
k.$apply angular.js:12806
h angular.js:8379
u angular.js:8593
z.onreadystatechange angular.js:8532

%7B%7BCurrentPage.img%7D%7D{{CurrentPage.img}},它返回图像名称和工作,这是为什么错误在我的控制台?

Agconti

分解错误:

%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}}">

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

了解 Angular JS 中的路由

来自分类Dev

了解Angular.js范围

来自分类Dev

Angular JS应用程序本地主机路径

来自分类Dev

了解Angular.js中的``指令''范式

来自分类Dev

了解Angular.js中的$ scope机制

来自分类Dev

了解Angular 2中的路线参数

来自分类Dev

Angular 6 应用程序卡在本地主机上加载

来自分类Dev

Angular:了解DI如何在动态加载的组件中工作

来自分类Dev

如何了解运行Angular的Dockerfile中的错误

来自分类Dev

本地主机中的页面不断加载

来自分类Dev

从Angular2中的本地主机运行plugin-typescript库

来自分类Dev

无法通过本地主机查看 nginx 中的 Angular 应用程序项目

来自分类Dev

无法使用Angular JS了解ui-router行为

来自分类Dev

需要了解与jQuery混合的Angular js代码

来自分类Dev

了解angular4中Validation类中的静态方法

来自分类Dev

AngularJS-使用Angular UI Bootstrap了解指令中的模板

来自分类Dev

AngularJS-使用Angular UI Bootstrap了解指令中的模板

来自分类Dev

不了解Angular中的语法不一致

来自分类Dev

了解模块中的Angular2依赖注入

来自分类Dev

检索重定向到本地主机的 JSON - Angular 5

来自分类Dev

在本地主机上开箱即用的 Angular 应用程序?

来自分类Dev

不从 Angular 7 中的本地路径加载图像

来自分类Dev

在angular-js框架中将http请求发布到本地主机时获取ERR_EMPTY_RESPONSE

来自分类Dev

烧瓶重定向“ XMLHttpRequest无法加载...”错误本地主机

来自分类Dev

Node.js不断在本地主机上挂起/加载

来自分类Dev

Node.js不断在本地主机上挂起/加载

来自分类Dev

Node.js本地主机不断加载我的函数

来自分类Dev

本地主机中的SSH SSH错误连接

来自分类Dev

在本地主机的PHPmyadmin中创建表显示错误

Related 相关文章

热门标签

归档