Databinding 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 working example

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}}">