Polymer Iron ajax数据绑定

Polymer Iron ajax数据绑定,polymer,Polymer,如何在新的Polymer v1.0中绑定数据 我在信中看到了答案 但这对我没有帮助,这是我的代码 <dom-element id="test-app> <template> ... <iron-ajax auto url="https://www.googleapis.com/youtube/v3/search" params="{{ajaxParams}}" handleAs="json" lastResponse="{{response}}" method='

如何在新的Polymer v1.0中绑定数据

我在信中看到了答案

但这对我没有帮助,这是我的代码

<dom-element id="test-app> 
<template>
...
<iron-ajax
auto
url="https://www.googleapis.com/youtube/v3/search"
params="{{ajaxParams}}"
handleAs="json" lastResponse="{{response}}"
method='GET'>
</iron-ajax>
</template>
</dom-module>

属性
参数
的类型为
对象
。与链接示例不同,您可以只返回一个本机对象

processParams: function(part1, qry, maxResults1, key1) {
    return {
        part: part1,
        q: qry,
        maxResults: maxResults1,
        key:key1
    };
}

[[item.snippet.description]]

var-app=document.querySelector(“#app”); app.url=函数(videoId){ 返回'https://www.youtube.com/watch?v=“+videoId; };

对不起。ajax查询返回Youtube视频的json数组,其参数列在属性“params”中。单向绑定“[[ajaxResponse.items]]”将响应绑定到重复模板“dom repeat”。url函数只是将videoId附加到各个链接。我直接从polymer starter kit附带的iron ajax演示中复制了代码

如何使用模板重复响应?是否要迭代响应中的项目列表?是的,如何执行??{{item.snippet.title}您需要绑定
。i、 e.如果
response
包含一个键
objects
(直接返回列表通常是不好的形式),您应该执行
。方括号是单向绑定。也许可以添加一点说明,说明它的作用?对不起。ajax查询返回Youtube视频的json数组,其参数列在属性“params”中。单向绑定“[[ajaxResponse.items]]”将响应绑定到重复模板“dom repeat”。url函数只是将videoId附加到各个链接。我直接从polymer starter工具包附带的iron ajax演示中复制了代码
processParams: function(part1, qry, maxResults1, key1) {
    return {
        part: part1,
        q: qry,
        maxResults: maxResults1,
        key:key1
    };
}
 <template is="dom-bind" id="app">
  <iron-ajax auto
      url="https://www.googleapis.com/youtube/v3/search"
      params='{"part":"snippet", "q":"polymer", "key": "AIzaSyAuecFZ9xJXbGDkQYWBmYrtzOGJD-iDIgI", "type": "video"}'
      handle-as="json"
      last-response="{{ajaxResponse}}"></iron-ajax>

    <template is="dom-repeat" items="[[ajaxResponse.items]]">
      <div class="horizontal-section">
        <h2><a href="[[url(item.id.videoId)]]" target="_blank">[[item.snippet.title]]</a></h2>
        <iron-image src="[[item.snippet.thumbnails.high.url]]" width="256" height="256" sizing="cover" preload fade></iron-image>
        <p>[[item.snippet.description]]</p>
      </div>
    </template>
<script>
var app = document.querySelector('#app');

app.url = function (videoId) {
  return 'https://www.youtube.com/watch?v=' + videoId;
};
</script>