无法在角度模板中加载静态图像文件

时间:2015-04-16 03:36:24

标签: angularjs

我正在制作个人资料页面,出于某种原因,我无法在其上加载静态图片。 这是我的查找函数,它在路径中查找图像&t; /uploads/profilePic/image_name.jpg'此文件夹位于我的app文件夹中。 存储路径但图像不显示

$scope.find = function(){
        $http.get('/profile/'+$stateParams.username).success(function(user){
            $scope.user = user;
            $scope.user.profileImage = '/uploads/profilePic/'+user.profilePic;
            console.log($scope);
        }).error(function(response){
            $scope.error = response.message;
        });
    };

我的模板

<img ng-src="{{profileImage}}" alt="temp" class="img-thumbnail"><hr>

1 个答案:

答案 0 :(得分:1)

将您的HTML更改为:

<img ng-src="{{user.profileImage}}" alt="temp" class="img-thumbnail"><hr>

你的ng-src需要等于:

ng-src="{{user.profileImage}}"

此外,请确保您的图片位于路径指向的位置。