javascript - 一次又一次地使用 ng-repeat 可以吗？

Question

我正在用 AngularJS 构建一个应用程序，我有一个非常复杂的 JSON 文件，其中有很多子数组和对象。所以我的问题是:为了从 JSON 访问数据，可以一次又一次地使用 ng-repeat 吗？

<div ng-repeat="parent in parents">
      <div ng-repeat="child in parent">
           <div ng-repeat="grandChild in child">
                {{grandChild.name}}
           </div>
      </div>
 </div>

----- 或者 AngularJS 中有一些循环方法可用

----- 或者我们必须使用旧的 JavaScript for 循环

示例数据

{"data":
    {
        "categories":
        {
            "articles":
            {
                "bdh":
                [
                    {"id":1, "name":"bdh article 1", "body":"this is bdh article 1 body."},
                    {"id":2, "name":"bdh article 2", "body":"this is bdh article 2 body."}
                ],
                "hadoop":
                [
                    {"id":3, "name":"hadoop article 1", "body":"this is hadoop article 1 body."},
                    {"id":4, "name":"hadoop article 2", "body":"this is hadoop article 2 body."}
                ]
            },
            "videos":
            {
                "bdh Videos":
                [
                    {"id":5, "name":"bdh videos 1", "body":"this is bdh videos 1 body."},
                    {"id":6, "name":"bdh videos 2", "body":"this is bdh videos 2 body."}
                ],
                "hadoop Videos":
                [
                    {"id":7, "name":"hadoop videos 1", "body":"this is hadoop videos 1 body."},
                    {"id":8, "name":"hadoop videos 2", "body":"this is hadoop videos 2 body."}
                ]
            }   
        }
    }
}

Answer 1

如果你有一个深层嵌套的结构，并且你想访问其中的每一个项目，那么是的，嵌套 ng-repeat 是非常好的。这就像将 for 循环嵌套在另一个循环中以访问对象的所有级别。

当然，如果您的对象非常大，那么您应该考虑不显示所有内容，但这适用于所有大对象，无论它们的信息是嵌套的还是平面结构。