Jade expression to render image from url 向服务器发送另一个请求

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 图片 url。

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

提前致谢。

Answer 1

您运行陷入 AngularJS 客户端后期绑定的已知问题。

您可以为 img 标签使用另一个属性：

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

Jade expression to render image from url sends another request to the server