angularjs - 加载名称取决于 AngularJS 变量的图像时找不到资源

标签 angularjs

我在我的网站中使用 AngularJS,一些图像的加载方式如下:

<img ng-cloak src="{{ person.username }}"/>

问题是我在控制台中收到 404 错误,表示找不到图像,因为在加载 Angular 之前,它会尝试加载名为 {{ person.username }}

如何解决这个问题?

最佳答案

使用ng-src

Using Angular markup like {{hash}} in a src attribute doesn't work right: The browser will fetch from the URL with the literal text {{hash}} until Angular replaces the expression inside {{hash}}. The ngSrc directive solves this problem.

 <img ng-cloak ng-src="{{ person.username }}"/>

关于angularjs - 加载名称取决于 AngularJS 变量的图像时找不到资源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31155379/

相关文章:

angularjs - 如何使用 ng-repeat 在 angular ui bootstrap 中打开第一个 Accordion ?

javascript - 未捕获的语法错误 : Unexpected string - in my Angular function's return

javascript - 从数组中删除项目时如何使用angularjs ngForm启用按钮

javascript - ng-show 未在 value=true 时触发

javascript - 扩展encodeURIComponent,例如从编码中跳过某些值

javascript - angularjs 奇怪的数组行为,可能与异步执行有关?

javascript - ng-click 图像以选中单选框

javascript - AngularJS 客户端 MVC 模式?

javascript - 如何使用 Material Angular 在导航栏上做下拉元素

angularjs - 委托(delegate)刷新 token 获取新JWT的基本策略