json - JSON ファイルからロードされたバックボーン メニューを構築する方法は?

Question

私はBackbone.jsの初心者です..

JSON 要求を呼び出してその場で作成される動的メニューを構築しようとしています。私の質問は、次のようなメニューを作成する方法です。

<nav>
    <div>
        <h3>Menu 1</h3>
        <ul>
            <li>Sub Menu 1</li>
            <li>Sub Menu 2</li>
            <li>Sub Menu 3</li>
        </ul>
    </div>
     <div>
        <h3>Menu 2</h3>
        <ul>
            <li>Sub Menu 1</li>
            <li>Sub Menu 2</li>
            <li>Sub Menu 3</li>
        </ul>
    </div>
</nav>

次のように、外部の JSON ファイル (navigation.json) からデータを取得します。

{
  menu: [
    {
      name: "Menu 1",
      sub: [
        {
           name: "Sub Menu 1"
        },
        {
           name: "Sub Menu 2"
        },
        {
           name: "Sub Menu 2"
        }
      ]
    },
    {
      name: "Menu 2",
      sub: [
        {
           name: "Sub Menu 1"
        },
        {
           name: "Sub Menu 2"
        },
        {
           name: "Sub Menu 2"
        }
      ]
    }
}

または、そのメニューを構築するために別の JSON 構造を構築する必要がありますか? 前もって感謝します！

ちなみにモデルの構造はこんな感じです。