Question

我目前正在使用Firebase和Ionic来构建移动应用，我必须使用firebase的json链接，其中包含我的html img ng-src中的图片网址。

以下是包含图片网址的Json link。

我想将此链接放入img并获取此json链接（"https://lh3.googleusercontent.com/-XdUIqdMkCWA/AAAAAAAAAAI/AAAAAAAAAAA/4252rscbv5M/photo.jpg"）中包含的url并显示图像，但我不知道该怎么做？

这是我到目前为止在html中的内容。

<img src="'https://wellesleytesting.firebaseio.com/userProfile/userimg.json'" />

任何帮助都会非常感激！谢谢！

Answer 1

您必须在json链接上发出http请求，该请求会将图像链接作为回复发送给您。

$http.get("https://wellesleytesting.firebaseio.com/userProfile/userimg.json")
.then(function(response) {
    $scope.imgSrc = response.data;
    $scope.imgSrc = JSON.parse($scope.imgSrc)        
});

收到回复后，您必须解析它：

$scope.imgSrc = JSON.parse($scope.imgSrc)

最后使用ng-src属性将其绑定到您的html：

<img ng-src="{{imgSrc}}"/>

Demo

需要将包含img url的Json链接放在＆lt; img ng-src

1 个答案: