Nicht in der Lage, Daten von lokalen JSON an Polymer 2 zu binden

Question

Ich verwende Polymer 2 und möchte Daten aus einer lokalen JSON-Datei binden. Aber jedes Mal, wenn ich es versuchte, ist es nicht möglich, nur die JSON-Datei zu holen.

Es gibt zwei Möglichkeiten, wie ich versucht haben, es zu erreichen mit:

1) weiter verwenden

<iron-ajax url="data/employees.json" handle-as="json" last-response="{{items}}" auto> 
</iron-ajax> 

Ordnerstruktur:

<iron-list items="{{items}}" as="item"> 
    <template> 
     <div class="item"> 
      <b>[[item.nickname]]</b> 
      <p>[[item.phone]]</p> 
     </div> 
    </template> 
</iron-list> 

ich auch beide importiert haben Eisen-Ajax und Eisen-Liste

2) VERWENDEN Sie $.get, um Daten von json in start zu extrahieren, und fügen Sie sie in eine Variable ein, um sie zum Anzeigen zu binden.

<script> 
    class IronListClass extends Polymer.Element { 
     static get is() {return 'iron-comp'} 

     ready() { 
      super.ready(); 
      var that = this; 
      // $.get('data/employees.json', function(data) { 
      //  that.employees = $.parseJSON(data).results; 
      //  console.log(that.employees); 
      // }); 
      $.get('data/employees.json', function(data) { 
      this.employees = $.parseJSON(data).results; 
      console.log(this.employees); 
      }.bind(this)); 
     }   
    } 
    window.customElements.define(IronListClass.is, IronListClass); 
</script> 

versucht mit dem = dies auch.

Answer 1

Sie können die JSON-Datei wie folgt laden, da sie bereits in meiner App funktioniert.

<iron-ajax 
      auto 
      url$="{{url}}" 
      handle-as="json" 
      last-response="{{loadedItems}}" 
      > 
    </iron-ajax> 

...

 static get properties() { return { 
     url :{ 
      type:String, 
      value() {return "./data/employees.json"; } 
     } 

...

static get observers() { return ['checkJsonFileLoaded(loadedItems)']} 

    checkJsonFileLoaded(j) { 
     if (j) { 
      this.set('items', j); 
      console.log(items); //u should see the loaded json file. If so than the problem is iron-list (to publish the result) 
     } 
    }