PolymerでJSONオブジェクトの値を返す方法は？

Question

JSONからNew-ishへJSONファイルが基本配列（target1.jsonを参照）である場合、次のPolymerコードが動作します（文字列が返されます）が、データがオブジェクト（target2.json）内にある場合は、それの中の値？

<dom-module id="x-app"> 
    <template> 

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

     <iron-list 
     id="itemsList" 
     items="[[data]]" 
     > 

      <template> 
        <div class="pad"> 
         [[item.name]] 
        </div> 
      </template> 

    </iron-list> 

    </template> 
</dom-module> 

<script> 
    HTMLImports.whenReady(function() { 
     Polymer({ 
      is: 'x-app', 
      properties: { 
      selectedItems: { 
       type: Object 
      } 
      }, 
     }); 
    }); 
</script> 

target1.json：

[ 
    { 
     "name": "blah blah blah" 
    }, 
    { 
     "name": "blah blah blah 2" 
    }, 
] 

target2.json：

{ 
    "listing": [ 
     { 
      "name": "blah blah blah" 
     }, 
     { 
      "name": "blah blah blah 2" 
     } 
    ] 
} 

Answer 1

あなた<iron-ajax>は、内部配列（listing）を持つオブジェクトを返しているが、あなたの<iron-list>は、配列を期待しています。

ので、代わりの

<iron-list id="itemsList" items="[[data]]">...</iron-list> 

あなたの代わりにdata

<iron-list id="itemsList" items="[[data.listing]]">...</iron-list> 

内 listing配列を参照する必要があります