如何从接收到的数据创建重复元素 <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>

I am using to return a response from a public API. 我用来从公共API返回响应。 The problem I have is that the API returns an object and Polymer does not allow us to do a dom-repeat over an object. 我的问题是API返回了一个对象，而Polymer不允许我们对一个对象进行dom-repeat。 I am really trying to access an array within that object, is there some way to extract that array from the object returned and do a dom-repeat over that array? 我真的在尝试访问该对象中的数组，是否有某种方法可以从返回的对象中提取该数组并对该数组进行dom-repeat？ If not is there another solution to accessing the response from polymer? 如果不是的话，还有没有其他方法可以访问聚合物的响应？ Thank you! 谢谢！

Answer 1

You have to use {{response.players}} instead of {{response}} in the dom-repeat . 您必须在dom-repeat使用{{response.players}}而不是{{response}} 。 Here is a working demo. 这是一个工作示例。

 <!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> ？

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-01-03 07:58:51

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-01-03 07:58:51

解决方案1
1 已采纳 2016-01-03 07:58:51