Javascript 以角js显示Flick中的图像

API:

"data": [    
 {
  "accrediationsId": 1,
   "imageURL": "<a data-flickr-embed=\"true\"  href=\"https://www.flickr.com/photos/152241238@N02/25515548558/in/photostream/\" title=\"1\">
   <img src=\"https://farm5.staticflickr.com/4592/25515548558_0cb257389b_o.jpg\" width=\"266\" height=\"79\" alt=\"1\"></a>
   <script async src=\"//embedr.flickr.com/assets/client-code.js\" charset=\"utf-8\"></script>"
 },
 {
  "accrediationsId": 2,
  "imageURL": "<a data-flickr-embed=\"true\"  href=\"https://www.flickr.com/photos/152241238@N02/25515548508/in/photostream/\" title=\"2\">
  <img src=\"https://farm5.staticflickr.com/4728/25515548508_16ab9d0cb4_o.jpg\" width=\"266\" height=\"79\" alt=\"2\"></a>
  <script async src=\"//embedr.flickr.com/assets/client-code.js\" charset=\"utf-8\"></script>"
 },

<div class="col-md-3 col-sm-6 col-xs-6" ng-repeat="Affiliation in 
            getAffiliationData">
            {{Affiliation.imageURL}}
</div>

“数据”：[
{
“授权ID”：1，
“imageURL”：
"
},
{
“授权ID”：2，
“imageURL”：
"
},

HTML代码：

"data": [    
 {
  "accrediationsId": 1,
   "imageURL": "<a data-flickr-embed=\"true\"  href=\"https://www.flickr.com/photos/152241238@N02/25515548558/in/photostream/\" title=\"1\">
   <img src=\"https://farm5.staticflickr.com/4592/25515548558_0cb257389b_o.jpg\" width=\"266\" height=\"79\" alt=\"1\"></a>
   <script async src=\"//embedr.flickr.com/assets/client-code.js\" charset=\"utf-8\"></script>"
 },
 {
  "accrediationsId": 2,
  "imageURL": "<a data-flickr-embed=\"true\"  href=\"https://www.flickr.com/photos/152241238@N02/25515548508/in/photostream/\" title=\"2\">
  <img src=\"https://farm5.staticflickr.com/4728/25515548508_16ab9d0cb4_o.jpg\" width=\"266\" height=\"79\" alt=\"2\"></a>
  <script async src=\"//embedr.flickr.com/assets/client-code.js\" charset=\"utf-8\"></script>"
 },

<div class="col-md-3 col-sm-6 col-xs-6" ng-repeat="Affiliation in 
            getAffiliationData">
            {{Affiliation.imageURL}}
</div>

{{Affiliation.imageURL}

---

需要使用angular js在html页面中显示来自flikr的图像。是否可以直接从flikr api获取图像路径并在ng repeat中显示。

使用带有

ng src的image元素

<div class="col-md-3 col-sm-6 col-xs-6" ng-repeat="Affiliation in 
            getAffiliationData">
     <img ng-src="{{Affiliation.imageURL}}"> 
</div>

双大括号不用于绑定html内容，它们用于呈现文本，要呈现html，可以使用此“ng bind html”
试试这个：

<div class="col-md-3 col-sm-6 col-xs-6" ng-repeat="Affiliation in getAffiliationData">
   <div ng-bind-html="Affiliation.imageURL"></div>
</div>



你需要注射这个

以下是
问题在于图像url需要有一个有效的urlabove@RajGujrathi我为演示添加了一个链接，请尝试一下，谢谢Abdullah S Ahmad先生