Polymer dom-重复并显示铁的结果-ajax 调用

Question

我有一个 GP Practice 地址的提要，其开头如下（不是超过 16000 个条目的整个提要 - 仍然需要弄清楚分页）

    [{"Address1":"73 UPPER WICKHAM LANE","Address2":"WELLING","Address3":"KENT","Address4":"","Address5":"","CloseDate":"\/Date(-62135596800000+0000)\/","ContactName":"","ContactTelephone":"020 88541910","EmailAddress":"","LastUpdatedDate":"\/Date(1434749040000+0100)\/","Name":"(GPSI) DR AC BARUAH","OpenDate":"\/Date(-62135596800000+0000)\/","OrgSubTypeCode":"B","PCTCode":"TAK","Postcode":"DA16 3AF","PracticeCode":"Y00789","PracticeType":"0","SendToEDTHub":false,"SendToEmail":false,"SendToPrinter":true,"Status":"C"},
{"Address1":"73 UPPER WICKHAM LANE","Address2":"","Address3":"WELLING","Address4":"KENT","Address5":"","CloseDate":"\/Date(-62135596800000+0000)\/","ContactName":"","ContactTelephone":"020 88541910","EmailAddress":"","LastUpdatedDate":"\/Date(1434749040000+0100)\/","Name":"(GPSI) DR AP DHITAL","OpenDate":"\/Date(-62135596800000+0000)\/","OrgSubTypeCode":"B","PCTCode":"TAK","Postcode":"DA16 3AF","PracticeCode":"Y00788","PracticeType":"0","SendToEDTHub":false,"SendToEmail":false,"SendToPrinter":true,"Status":"C"},
{"Address1":"2 CHURCH AVENUE","Address2":"","Address3":"SIDCUP","Address4":"KENT","Address5":"","CloseDate":"\/Date(-62135596800000+0000)\/","ContactName":"","ContactTelephone":"020 83021114","EmailAddress":"","LastUpdatedDate":"\/Date(1434749040000+0100)\/","Name":"(GPSI) DR HL BHATTAD","OpenDate":"\/Date(-62135596800000+0000)\/","OrgSubTypeCode":"B","PCTCode":"TAK","Postcode":"DA14 6BU","PracticeCode":"Y00791","PracticeType":"0","SendToEDTHub":false,"SendToEmail":false,"SendToPrinter":true,"Status":"C"}
    .
    .
    .

这与 mime 类型 application/json 一起返回给调用应用程序

以下代码是 HTML 片段，我认为它会调用以获取数据并显示它。

            <paper-material elevation="1">
                <div id="GPPracticeContainer">
                    GP List
                    {{data}}
                    <template is="dom-repeat" items="{{data}}"
                        <p>{{item.Name}}</p>
                    </template>

                </div>
            </paper-material>
        </paper-header-panel>
        <iron-ajax auto id="GPCollection" 
                   url="/GPPractices.ashx" 
                   handle-as="json" 
                   last-response="{{data}}"
                   on-response="handleGPCollection">

        </iron-ajax>

最后 javascript

<script>

    function handleKeyPress(e) {
        if (e.keyCode == 13) {
            alert('off to search for something!');
        }
    };

    Polymer({
        is: "practice-list",
        hideSearch: {
            type: Boolean,
            value: false
        },
        handleGPCollection: function(request) {
            alert('GP Practices collected ' + request);
        },
        ready: function () {
            this.hideSearch = true;
            this.$.searchText.keyup(function (e) {
                alert('off to search for something!');
            });
        },
        srchandler: function () {
            // search for contents of search box is showing, otherwise show it.
            if (!this.hideSearch)
            {
                alert('off to search for something!');
            }
            else {
                this.hideSearch = !this.hideSearch;
                if (!this.hideSearch) {
                    this.$.searchText.focus();
                }
            }
        }
    });

</script>

问题是，虽然出现了显示数据已读取的警告框，但 returns Object CustomEvent 没有数据出现。

任何人都知道我怎么做

a) 找出问题所在 b) 让它显示每个练习的名称

谢谢

Answer 1

我缺少模板的结尾'>'。应该是

<template is="dom-repeat" items="{{data}}">
    <p><span>{{item.PracticeCode}}</span> - <span>{{item.Name}}</span></p>
</template>

Polymer dom-重复并显示铁的结果-ajax 调用

Polymer dom-repeat and displaying result of iron-ajax call

javascript

json

polymer