gpt4 book ai didi

javascript - 如何根据从 接收的数据创建重复元素?

转载 作者:行者123 更新时间:2023-12-03 08:00:59 25 4
gpt4 key购买 nike

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

我用来从公共(public) API 返回响应。我遇到的问题是 API 返回一个对象,而 Polymer 不允许我们对对象执行 dom-repeat。我真的想访问该对象内的数组,是否有某种方法可以从返回的对象中提取该数组并对该数组执行 dom-repeat?如果没有,是否有另一种解决方案来获取 polymer 的响应?谢谢!

最佳答案

您必须在 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>

关于javascript - 如何根据从 <iron-ajax> 接收的数据创建重复元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34574184/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com