Question

APIへの呼び出しを行い、JSONP形式のデータを受け取ります。私は、ng-bindや二重括弧などの角度データバインディングを使用してこのデータをバインドしようとしています。

[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'>" 

、誰もがそれぞれのオブジェクトのために、私が結合するように、私はそれを結合する方法についてどのような考えを持っています： しかし、各オブジェクトのために私はそうのような完全なHTMLタグで画像のコードを取得受け取りますsrcと指定された画像コード？

私はこの

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

が、そのが動作していないようにそれを試してみました。どんな助けや考えもありがとう。ありがとう！

Answer 1

てみ

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

{{object.image_code}}が" "内にラップする必要があり、次どうやら、あなたのコード内で欠落しています。 working example

Answer 2

plnkr

あなたのオブジェクトを文字列としてイメージを持っていると。あなたはあなたのコントローラでそれの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}}">