angularjs1如何使用ng-repeat嵌套循环数据生成二级导航?

html

            <ul>
                <li ng-repeat="nav in navs">
                        <a href="">AAA</a>
                    <ul>
                        <li>a1</li>
                    </ul>
                </li>
            </ul>

js

     $http.get("js/nav2.json").success(function(data){
        var ndata = data.return_data.children;
        $scope.navs = ndata;
    })

json

 {
  "return_code": 200,
  "return_data": {
    "menu": null,
    "children": [
      {
        "menu": {"sid": 1000,"menuName": "页面导航","menuUrl": null,"menuImgUrl": null,"menuPSid": null,"menuSort": 0,"menuDesc": null },
        "children": [
          {"menu": {"sid": 10010,"menuName": "AAA","menuUrl": null,"menuImgUrl": null,"menuPSid": 1000,"menuSort": 1,"menuDesc": null },
            "children": []
          },
          {"menu": {"sid": 10020,"menuName": "BBB","menuUrl": null,"menuImgUrl": null,"menuPSid": 1000,"menuSort": 2,"menuDesc": null },
            "children": [
              {"menu": {"sid": 10021, "menuName": "b1","menuUrl": null,"menuImgUrl": null,"menuPSid": 10020,"menuSort": 3,"menuDesc": null },
                "children": []
              }
            ]
          }
        ]
      }
    ]
  }
}
  • AAA
    • a1
                </li>
            </ul>