Как мне сделать успокаивающий API-запрос в пользовательском полимерном элементе и представить его полимерному DOM-повторителю?

Question

Я пытаюсь вызвать успокоительный API из пользовательского полимерного элемента и распечатать его в повторяющемся шаблоне. Я думаю, что проблема связана с форматом полученных данных json, и dom-repeat не может правильно их прочитать.

        <template>
            <input value="{{searchString::input}}">
            <template is="dom-repeat" items="{{test}}" as="test">
                <paper-card class="cover-item">
                    <div>{{test.id}}, {{test.title}}</div>
                </paper-card>

            </template>
        </template>

И полимерный элемент это:

                   test: {
                        type: Array,

                        value: $.getJSON("http://jsonplaceholder.typicode.com/posts"), function (data) {
                            var items2 = [];
                            $.each(data, function (key, val) {
                                return items
                            })
                        }

                    }

Консоль показывает

[dom-repeat::dom-repeat]: expected array for `items`,  

Я не совсем уверен, что не так, и документация по полимерам не очень помогает.

Большое спасибо

Answer 1

Я предлагаю вам взглянуть на элемент iron-ajax.

Пример:

<iron-ajax url="http://jsonplaceholder.typicode.com/posts" last-response="{{data}}" auto></iron-ajax>
<template is="dom-repeat" items="{{data}}" as="item">
  <paper-card class="cover-item">
    <div>{{item.id}}, {{item.title}}</div>
  </paper-card>
</template>