iron-ajax nested dom-repeat

时间:2017-09-03 16:41:48

标签: javascript arrays polymer-2.x iron-ajax

我试图对URL进行初始铁Ajax调用,将JSON数组对象返回{{ajaxResponse}}。嵌套在该数组中的是一个链接属性(ajaxResponse.item.link)。然后,我尝试使用该链接,在第一个请求的数组上进行dom-repeat,以填充第二个Iron Ajax请求的URL,该请求返回链接的预览作为json对象。最后,我有第二个dom-repeat,它循环遍历初始数组中的每个链接,并显示"标题,desc,image"来自纸卡中的第二个请求的值。

最后,我尝试使用该平台并避免使用jquery或除了聚合物2.0,Web组件和vanilla javascript以外的任何其他东西(除了我使用的第三方代理/解析器)。到目前为止,所有客户端都这样做。已经能够使用jquery库使其工作,但是在使用正在运行的方法进行样式设置时出现了问题,并且我试图在没有jquery的情况下尝试这样做。

这是我在这里发表的第一篇文章,所以如果我在提问之前省略了相关或者应该做了更彻底的搜索,请告诉我。

<iron-ajax auto
      url="https://api.rss2json.com/v1/api.json?rss_url=http://feeds.feedburner.com/DrudgeReportFeed?fmt=xml-rss"
      params="{}"
      handle-as="json"
      last-response="{{ajaxResponse}}"></iron-ajax>

    <template is="dom-repeat" items="[[ajaxResponse.items]]" as="item">

      <iron-ajax auto
      url="http://unfurl.oroboro.com/unfurl?url={{item.guid}}" //guid is the URL
      params="{}"
      handle-as="json"
      last-response="{{newAjaxResponse}}"></iron-ajax>


      <template is="dom-repeat" items="[[item.newAjaxResponse.links]]" as="link">
        <paper-card heading="{{link.title}}" image="{{link.image.url}}" alt="{{link.title}}">
          <div class="card-content">
           <h1>Description: {{link.desc}}</h1>
           <p>Test</p>
          </div>
          <div class="card-actions">{{link.title}}
            <paper-button>Share</paper-button>
            <paper-button>Explore!</paper-button>
          </div>
        </paper-card>
</template>
</template>

在下面的评论中将更改展开为http。真正有用的是,如果有人可以回答以下内容:如何在dom-repeat之外访问{{item.guid}},这样我就可以执行诸如使用函数截断值的前四个字符并返回截断值到变量。 (请参阅下面的评论。刚刚意识到我可以编辑这篇文章而不是自己评论。已经阅读了stackoverflow多年并学到了很多,但这是我第一次从(大部分)写一个应用程序并在论坛上发帖。感谢你的耐心等待我!

我将所有代码(已清理)和结果屏幕截图重新发布。测试了我使用的API,它们可靠地工作。这是新帖子的链接。非常感谢一些反馈! Nested Iron Ajax

0 个答案:

没有答案