ngf-src无法使用{{vm.detail.id}}

时间:2016-01-06 18:53:36

标签: angularjs ng-file-upload

我想在加载页面时显示图片预览或用户的头像,但ngf-src无法正常工作:

<img id="avatar" class="ui centered image" ngf-src="avatar || 'http://localhost:8000/img/user_avatar/{{vm.detail.id}}.jpg'">
不知怎的,我无法从服务器上获取图片。 它在HTML上显示如下:

<img src="http://localhost:8000/img/user_avatar/.jpg" id="avatar" class="ui centered image" ngf-src="avatar || 'http://localhost:8000/img/user_avatar/5.jpg'">

任何人都可以帮忙!

1 个答案:

答案 0 :(得分:2)

我为我的问题找到了一个解决方案,我将其发布在此处,以防它可以帮助其他人:

<img id="avatar" class="ui centered image" ngf-src="avatar || vm.avatarURL">

vm.avatarURL来自控制器