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

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