Laden von JSON-URI mit inline-JSON-in-Polymer

Ich mache eine d3.js map-Komponente mit Polymer. Die Topologie-Daten geladen werden muss, aus einer json-Datei und da ich nicht möchte, dass die Komponente, die abhängig von einer URL/URI, ich bin mit inline-JSON statt laden mit AJAX:

<polymer-element name="map-us">
    <template>


        <script id="topodata" type="application/json" src="data/us.json"></script> 

        /* ... more stuff ... */

    </template>


    <script>

        Polymer('map-us', {


            ready: function() {

                /* 
                This  works in regular HTML/JQuery:

                var x = JSON.parse($('#myJson').html());
                console.log(x.arcs);

                */

                var x = JSON.parse(this.$.topodata.html());
                console.log(x.arcs);

        });
    </script>
</polymer-element>

Aber offensichtlich topdata element nicht die Methode html().

Ist es die richtige Sache zu tun?
und wie vulkanisieren Angebot mit dieser?

InformationsquelleAutor sepans | 2014-07-08
Schreibe einen Kommentar