Question

我试图在不使用JQuery的情况下显示来自medium的rss feed的每个帖子中的每个图像，但是只使用HTML中的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

假设您的console.log调用正确输出图像名称，除了您需要使用ng-src而不是src之外，所有内容都按顺序查找，如下所示：

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

Answer 2

试试entry.image.url。

示例：

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

从RSS MEDIUM FEED获取图像URL

2 个答案: