我有一个玉文件,我在其中解析用户数据并构建页面。 在此文件中,有一个地方可以循环浏览用户的图像并将其呈现到页面:

.picture-item(ng-repeat='m in userProfile.media')
  img.picture(src='{{m.mediaUrl}}')

但是问题是,即使这一行代码显示了页面上的图像,它也会向服务器发送另一个请求,如下所示:

http://localhost:3000/%7B%7Bm.mediaUrl%7D%7D

这发生在: http://localhost:3000/profile页面。 如果我转到用户的个人资料,例如: http://localhost:3000/profile/some_username ,那么上面的代码将发送如下请求:

http://localhost:3000/profile/%7B%7Bm.mediaUrl%7D%7D

m.mediaUrl是用户的instagram图片网址。

这可能是什么问题? 有任何想法吗?

提前致谢。

#1楼 票数:1 已采纳

您正在遇到AngularJS客户端后期绑定的已知问题。

您可以将另一个属性用于img标签:

https://docs.angularjs.org/api/ng/directive/ngSrc

   .picture-item(ng-repeat='m in userProfile.media')
     img.picture(ngSrc='{{m.mediaUrl}}')

  ask by 0xmtn translate from so

未解决问题?本站智能推荐:

1回复

无服务器Jade与Angularjs的模板

我了解客户端模板渲染是一个有争议的主题,但是在进行编码以与所有Web服务器兼容时,这是必须的。 我正在寻找一个使用angularjs渲染玉器模板的简单解决方案...这是一个过于简化的示例: http : //jsfiddle.net/BqnR6/ 该示例呈现单个页面并引导角度来评估
2回复

使用Express和Jade将NodeJS服务器从Angular 1移动到Angular 2

我在Angular 1中使用材料设计有一个工作的Node Web服务器。 现在我遇到了一些巨大的性能问题,因此我想转到Angular 2,它应该有更好的性能。 当前已将Node服务器设置为将Express与Jade一起用作渲染引擎,并且一切正常。 我的问题是,当为Angular 2配置We
1回复

带有动态内容的Express + Jade服务器端模板与缓存/ 304

我有一个在前端使用angularjs的expressjs应用程序,我在express中提供玉器,即 我也使用带角的玉子。 该应用程序基于Yeoman角全堆栈生成器 。 这是生成器的演示应用程序中指向navbar.html部分的链接,以供参考(除非我使用的是Jade) 我通过
3回复

将角度变量设置为HTML src属性的值,向服务器发送不必要的请求

我有以下使用AngularJS的Jade标记: 问题在于,当此页面呈现为HTML时,将请求发送到服务器,如下所示: 这是最有可能发生的,因为在发出请求时,角度$compile还没有启动。 如何防止向服务器发出此请求?
2回复

列出数据库中的数据-在服务器端使用angularjs或在服务器端使用Jade生成[关闭]

我正在创建一个Node.js Web应用程序,不确定是否要使用AngularJS(或其他客户端模板引擎,例如Ember或Backbone)显示数据库中的数据或在服务器端生成页面(与玉),然后将其发送。 与另一种方法相比,使用一种方法有明显的好处吗? Angular确实增加了一层额外的复杂
1回复

Angularjs Jade模板中的JavaScript表达式

尝试仅在$ scope对象上的属性现在之前显示一些内容: 但是,它在抱怨: Syntax Error: Token '<' is unexpected, expecting [:] at column 14 of the expression 有什么想法可以实现这一目标
2回复

Angular指令中的多个“或”表达式

我试图检查是否在2个输入字段上满足4个条件中的1个,以便在ng-disabled指令中使用AngularJS表达式启用“保存”按钮。 以下代码仅在满足前两个条件的情况下才会启用“保存”按钮。 因此,如果用户在电子邮件输入字段中输入任何文本,从而使其成为$dirty和$valid ,则将启
1回复

使用Rails Assets Pipeline为Slim / Jade服务

我正在编写Angular.js应用程序,它需要获取各种视图的静态HTML文件。 我想使用Slim或Jade编写这些静态的预编译视图,并使用Rails资产管道为其提供服务。 我已经在config / application.rb中找到了如何使用资产管道提供html文件的方法: conf