我有一个玉文件,我在其中解析用户数据并构建页面。在此文件中,有一个地方可以循环显示用户的图像并将其呈现到页面:
.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图片网址。
这可能是什么问题?有任何想法吗?
提前致谢。
您正在遇到AngularJS客户端后期绑定的已知问题。
您可以为img
标签使用另一个属性:
https://docs.angularjs.org/api/ng/directive/ngSrc
.picture-item(ng-repeat='m in userProfile.media')
img.picture(ngSrc='{{m.mediaUrl}}')
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句