如何构建从JSON文件加载的Backbone菜单？

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结构来构建该菜单？ 提前谢谢！

顺便说一下，模型的结构是这样的：