使用聚合物模板重复重复值

Question

好吧，我的聚合物模板发生了一件奇怪的事情

<polymer-element name="my-playlist" attributes="info">
    <template>
        <core-ajax url="/getlist" method="POST" auto response="{{data}}" handleAs="json">
        </core-ajax>
        
        <style>
        </style>
        <core-selector class="list">
            <template repeat="{{k in data}}">
                <core-ajax url="http://api.soundcloud.com/tracks/{{k.track}}.json?client_id=9a6dccd301f1d1cbab751e0a1ec82e2e" method="GET" auto response="{{response}}" handleAs="json">
                </core-ajax>
                <div class="item">
                    {{response.genre}}
                </div>
            </template>
        </core-selector>
    </template>
    <script>
        Polymer();
    </script>
</polymer-element>

我从中得到的是我得到的答复之一的重复。我得到三个正确的条目，但 {{response.genre}} 重复来自 ajax 调用的响应之一，而不是正确列出每个响应。我的结果如下：

• 节奏布鲁斯
• 节奏布鲁斯
• 节奏布鲁斯

它应该是这样的：

• 说唱
• 节奏布鲁斯
• 爵士乐

似乎我提出了所有正确的请求，但模板是 - 我如何正确处理每个响应，以便我列出所有响应而不是重复一个值？

任何帮助都会很棒。

Answer 1

问题是响应被视为一个全局变量，所以每次你运行重复时，它都会覆盖它。作为一种解决方案，您应该绑定到会改变每次重复的东西。

<template repeat="{{k in data}}">
    <core-ajax url="http://api.soundcloud.com/tracks/{{k.track}}.json?client_id=9a6dccd301f1d1cbab751e0a1ec82e2e" method="GET" auto response="{{k.response}}" handleAs="json">
    </core-ajax>
    <div class="item">
      {{k.response.genre}}
    </div>
</template>