2017-09-15 170 views
0

我試圖在media中顯示來自每個帖子的每個圖片,而不使用JQuery,但只使用javascript或angular,在HTML中。 是否可以從RSS提要中獲取圖像?我收到標題,創建日期和鏈接。 我正在使用Ionic2。Get RSS Url from RSS MEDIUM FEED

entries: any = null; 
image: any  = null; 

在我的構造函數:

 Feed.load('https://medium.com/feed/@jaymelone', (err, rss) => { 
     if (err) { 
      console.log(err); 
     } 
     else { 
      this.entries = rss.items; 
      this.image = this.entries.find('img').eq(0).attr('src'); 
     } 
     console.log("RSS function - entries:", this.entries); 
     console.log("RSS function - image: ", this.image); 
    }); 

在我的HTML

<div class="post" *ngFor="let entry of entries"> 
     <div class="inner"> 
     <img class="img" [src]="entry.image"> 
     <p class="title">{{entry.title}}</p> 
    </div> 
    </div> 

但我得到:

<img class="img" src="undefined"> 

和:

TypeError: Array.prototype.find callback must be a function 

回答

0

假設你的console.log調用正確地輸出圖像的名字,一切看起來爲了除非你需要使用NG-SRC代替SRC的,就像這樣:

<img class="img" ng-src="{{entry.image}}"> 
+0

我不好,我忘了NG-SRC。但控制檯日誌不會輸出src,因爲它應該,我有一些錯誤,所以這就是爲什麼我認爲這this.image = this.entries.find('img')。eq(0).attr(' SRC');可能不是最好的方法。 – Kyuubido0

+0

此外,ng-src不起作用,並正在考慮使用[src] =「entry.image」,但我收到 Kyuubido0

0

嘗試entry.image.url

例子:

<img class="img" [src]="entry.image.url">