Javascript 将json数组更改为angularjs中的表

我的json如下所示：

[{"Name":["A","B","C","D","E","F"], "Age":["20","30","40","50","55","60"], "Gender":["M","M","F","M","Unknown","Unknown"]}]

我想要一张类似于这个的angularjs桌子

Name Age Gender
A     20   M
B     30   M
C     40   F

当我的json与此类似时，我可以看到许多示例：

[
    {Name: "A",     Age: "20",  Gender: "M"},
    {Name: "Bag",   Age: "30", Gender: "F"},
    {Name: "Pen",   Age: "40",  Gender: "F"}
];

但我不知道如何继续我的json。有人能帮忙吗？

试试看

<div ng-repeat="user in users.Name">
  Name : {{user}} Age : users.Age[$index]  Gender : users.Gender[$index]
</div>

名称：{{user}}年龄：用户。年龄[$index]性别：用户。性别[$index]

我假设您的对象是按顺序排列的

试试看

<div ng-repeat="user in users.Name">
  Name : {{user}} Age : users.Age[$index]  Gender : users.Gender[$index]
</div>

名称：{{user}}年龄：用户。年龄[$index]性别：用户。性别[$index]

---

我假设您的对象已排序和排列

假设您的属性数组都具有相同数量的元素（并且排列正确），您可以使用的

$index

然后在新的

people

数组上重复一次简单的ng操作即可

 ...
    <tbody>
        <tr ng-repeat="person in people">
            <td>{{person.Name}}</td>
            <td>{{person.Age}}</td>
            <td>{{person.Gender}}</td>
        </tr>
    </tbody>

。。。
{{person.Name}
{{person.Age}
{{person.Gender}

假设您的属性数组都具有相同数量的元素（并且排列正确），您可以使用的

$index

然后在新的

people

数组上重复一次简单的ng操作即可

 ...
    <tbody>
        <tr ng-repeat="person in people">
            <td>{{person.Name}}</td>
            <td>{{person.Age}}</td>
            <td>{{person.Gender}}</td>
        </tr>
    </tbody>

。。。
{{person.Name}
{{person.Age}
{{person.Gender}

使用lodash.zip函数将它们排列在数组中，并使用自定义函数将其转换为json对象：

var rows = _.zip(users.Name, users.Age, users.Gender);  // [["A",20,"M"],...]
$scope.users = 
    _.map(rows, function(row) {
        return {Name: row[0], Age: row[1], Gender: row[2]}
    });

然后对其进行迭代以获取值：

<table ng-controller="UsersTableController">
    <thead>
        <th>NAME</th>
        <th>AGE</th>
        <th>GENDER</th>
    </thead>
    <tbody>
        <tr ng-repeat="user in users">
            <td>{{user.Name}}</td>
            <td>{{user.Age}}</td>
            <td>{{user.Gender}}</td>
        </tr>
    </tbody>
</table>

名称
年龄
性别
{{user.Name}
{{user.Age}
{{user.Gender}

---

参考：，

使用lodash.zip函数将它们排列在数组中，并使用自定义函数将其转换为json对象：

var rows = _.zip(users.Name, users.Age, users.Gender);  // [["A",20,"M"],...]
$scope.users = 
    _.map(rows, function(row) {
        return {Name: row[0], Age: row[1], Gender: row[2]}
    });

然后对其进行迭代以获取值：

<table ng-controller="UsersTableController">
    <thead>
        <th>NAME</th>
        <th>AGE</th>
        <th>GENDER</th>
    </thead>
    <tbody>
        <tr ng-repeat="user in users">
            <td>{{user.Name}}</td>
            <td>{{user.Age}}</td>
            <td>{{user.Gender}}</td>
        </tr>
    </tbody>
</table>

名称
年龄
性别
{{user.Name}
{{user.Age}
{{user.Gender}

---

参考：，

您可以从JSON中提取列表并合并它们。在这之后，您可以解析您的列表并获取数据，您可以从JSON中提取列表并合并它们。在那之后，你可以直接解析你的列表并获取你的数据