Javascript AngularJS:仍然有404（未找到）错误

我知道使用ng src指令的诀窍，但在img标记上仍然有404个错误

这是控制器

.controller('DetailCtrl', ['$scope', '$stateParams','Hairstyles',
    function($scope, $stateParams, Hairstyles) {
        Hairstyles.getDetails($stateParams.hairstyleId).then(function(data){
            $scope.hairstyle = data.hairstyle;
        });
    }])

这是服务

getDetails: function(postId) {
            return $http.get("http://example.com/hairstyle/api"+postId).then(function(result){
                return result.data;
            });
        }

这里是风景

<img class="full-image" ng-src="http://example.com/files/large/{{hairstyle.photo}}">

我在Chrome的javascript控制台中遇到了这样的错误

获取404（未找到）

请注意，在最后一个斜杠（/）后为空。不用担心数据，数据处理正确。出现此错误后，图像显示正确。但是，我只想消除这个错误。它在我的服务器上创建了很多错误日志

---

我相信这仅仅是因为使用http.get的同步问题，我能解决这个问题吗？

可能会添加

ng if=“hairstyle.photo”

将基本url移动到控制器中并在那里进行连接，以便在数据准备好之前将ng src保留为空。如果执行console.log（$scope.hairstyle.photo），您会得到什么在你的控制器里面？