Polymerでのjsonの扱いについて。

初めまして、初投稿です。

今私はPolymerを勉強しています。

学習の一環としてとアプリを作成しており、iron-ajaxを使用してjsonからデータを取得しています。

そこでcomponent_A.html内でiron-ajaxで読み込んだjsonデータをcomponent_B.htmlに配列で渡してdom-repeatを使って配列内を表示できないかと考えているのですが上手く行きません。
(component_A.htmlが親、component_B.htmlが子の関係です)

component_B.html内でajaxで読み込むと言う方法は無しと考えてください。

公式ドキュメントの方法( https://qiita.com/jtakiguchi/items/85d4e636bc490eac699c )だとプロパティに直接json形式で渡しているのですが、jsonの中身が多いためこちらは避けたいです。

理想系として

//component_A.html
~~
<iron-ajax
auto
url="../../json/data.json"
handle-as="json"
last-response="{{ajaxResponse}}"
></iron-ajax>

<component-B jsonData="*jsonを配列にしてcomponent-Bに渡したい*"><component-B>

-------------------------------------

//component_B.html
<template is="dom-repeat" items="{{jsonData[index]}}">
{{item.name}}
</template>

class componentB extends Polymer.Element {
  static get is() { return 'component-B'; }
  static get properties() {
    return {
      jsonData: {
        type:Array
      }
    }
  }

 ~~~~

--------------------

//data.json
{
"hoge1": [
    {
        "name": "名前名前"
    },
    {
        "name": "名前名前"
    }
  ],
    "hoge2": [
       {
            "name": "名前名前"
        },
        {
            "name": "名前名前"
        }
    ]
}

以上、よろしくお願いします。