数据绑定JSONP与角度

Question

所以我正在调用API，我正在接收JSONP格式的数据。 我正在尝试使用角度数据绑定绑定此数据，例如ng-bind或使用双括号等等。 但是，对于我收到的每个对象，我得到的图像代码是完整的html标记，如下所示：

[object]
description: "this is a description"
image_code:"<img src='https://s3.amazonaws.com/p.image.slated.com/film/67/25/59510/1_small.jpg?get=1398992737'>"

有没有人知道如何绑定它，以便为每个对象我将绑定src与给定的图像代码？

我试过这样的

<img ng-src={{object.image_code}}>

但它不起作用。 任何帮助或想法将不胜感激。 谢谢！

Answer 1

试试以下

<img ng-src="{{object.image_code}}">

{{object.image_code}}应该包含在" "但显然在代码中丢失了。

plnkr 工作示例

Answer 2

因为您的对象将图像作为字符串。 您需要在控制器中提取它的url部分。

data = {
description : "something",
image_code : "<img src='https://s3.amazonaws.com/p.image.slated.com/film/67/25/59510/1_small.jpg?get=1398992737'>"
};

然后在控制器中使用正则表达式来提取url部分。

$scope.image_url = data.image_code.match(/http.*(?=')/g).join();

现在您的$ scope.image_url将具有： "https://s3.amazonaws.com/p.image.slated.com/film/67/25/59510/1_small.jpg?get=1398992737"作为值。

现在您可以将其用作：

<img ng-src="{{image_code}}">