从url呈现图像的Jade表达式向服务器发送另一个请求

Question

我有一个jade文件，我解析用户数据并构建页面。在这个文件中有一个地方，我循环访问用户的图像并将它们渲染到页面：

.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图片网址。

这可能是什么问题？有什么想法吗？

提前致谢。

Answer 1

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

您可以使用img标记的其他属性：

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

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