javascript - 从 RSS MEDIUM FEED 获取图片网址

Question

我试图在 HTML 中显示来自媒体 rss 提要的每个帖子的每个图像，而不使用 JQuery，而只使用 javascript 或 angular。是否可以从 RSS 提要中获取图像？我收到了标题、创建日期和链接。我正在使用 Ionic2。

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

Answer 1

试试entry.image.url。

例子：

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

Answer 2

假设您的 console.log 调用正确地输出了图像名称，除了您需要使用 ng-src 而不是 src 之外，一切看起来都井井有条，如下所示：

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