如何根据从 <iron-ajax> 收到的数据创建重复元素？

Question

                    <iron-ajax auto
                           url='http://api.fantasy.nfl.com/v1/players/stats'
                           handle-as="json"
                           last-response="{{response}}"></iron-ajax>


                <template is="dom-repeat" items="{{response}}">
                    <paper-material class="add-players">
                        <div class="layout horizontal center">
                            <h2>{{item.players.name}}</h2> //NOT SURE WHAT SYNTAX SHOULD BE
                        </div>
                    </paper-material>
                </template>

我正在使用 return 来自 public API 的回复。我遇到的问题是 API return 是一个对象，而 Polymer 不允许我们对对象进行 dom 重复。我真的想访问该对象中的一个数组，是否有某种方法可以从对象 returned 中提取该数组并对该数组进行 dom 重复？如果没有，是否有另一种解决方案来访问聚合物的响应？谢谢！

Answer 1

您必须在 dom-repeat 中使用 {{response.players}} 而不是 {{response}}。这是一个工作演示。

<!DOCTYPE html>
<html>  
<head>

  <title>paper-scroll-header-panel not working</title>
  
  <script src="https://rawgit.com/webcomponents/webcomponentsjs/master/webcomponents.js"></script>
  
  <base href="https://cdn.rawgit.com/download/polymer-cdn/1.0.1/lib/">
  <link rel="import" href="iron-ajax/iron-ajax.html">
  <link rel="import" href="paper-material/paper-material.html">
  
  
  
  
  <!--<link rel="import" href="all-elements.html">-->
  
</head>
<body class="fullbleed">

<test-elem></test-elem>

<dom-module id="test-elem">
  <template>
   <iron-ajax auto
                           url='http://api.fantasy.nfl.com/v1/players/stats'
                           handle-as="json"
                           last-response="{{response}}"></iron-ajax>


                <template is="dom-repeat" items="{{response.players}}">
                    <paper-material class="add-players">
                        <div class="layout horizontal center">
                            <h2>{{item.name}}</h2>
                        </div>
                    </paper-material>
                </template>
    </template>
  <script>
    Polymer({
      is : "test-elem"
      });
    </script>
    
</dom-module>
























</body>
</html>

如何根据从 <iron-ajax> 收到的数据创建重复元素？

How can I create a repeating element from data received from <iron-ajax>?

javascript

ajax

polymer

polymer-1.0