如何使用ng-repeat将下面的json解析为复杂的表结构，如下所示

使用ng-repeat可以将下面的json解析为复杂的表结构，如下所示：

首先，我们需要在HTML页面中引入AngularJS库，然后在控制器中定义一个$scope变量，用于存储json数据。

HTML代码如下：

<!DOCTYPE html>
<html>
<head>
    <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
    <table>
        <thead>
            <tr>
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="person in people">
                <td>{{ person.name }}</td>
                <td>{{ person.age }}</td>
                <td>{{ person.gender }}</td>
            </tr>
        </tbody>
    </table>

    <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
            $scope.people = [
                {
                    "name": "张三",
                    "age": 20,
                    "gender": "男"
                },
                {
                    "name": "李四",
                    "age": 25,
                    "gender": "女"
                },
                {
                    "name": "王五",
                    "age": 30,
                    "gender": "男"
                }
            ];
        });
    </script>
</body>
</html>

在上面的代码中，我们使用ng-repeat指令在表格的tbody中循环遍历people数组，并将每个人的姓名、年龄和性别显示在表格中的每一行。

这样，当页面加载时，AngularJS会自动解析json数据，并将其渲染成表格结构。

这是一个简单的例子，你可以根据实际需求修改json数据和表格结构。同时，你还可以使用ng-repeat的其他功能，如过滤、排序等，来满足更复杂的需求。

推荐的腾讯云相关产品和产品介绍链接地址：