【问题标题】:Get Image Url From RSS MEDIUM FEED从 RSS MEDIUM FEED 获取图片网址
【发布时间】:2017-09-15 12:11:15
【问题描述】:

我正在尝试在 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

【问题讨论】:

    标签: javascript angularjs ionic2 rss medium-editor


    【解决方案1】:

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

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

    【讨论】:

    • 我的错,我忘记了 ng-src。但是控制台日志没有按应有的方式输出 src,我遇到了一些错误,所以这就是为什么我认为 this.image = this.entries.find('img').eq(0).attr('源');可能不是最好的方法。
    • 另外,ng-src 不起作用并且正在考虑使用 [src]="entry.image" 但我收到
    【解决方案2】:

    试试entry.image.url

    例子:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-12-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-08-09
      相关资源
      最近更新 更多