Question

我需要在AngularJS中根据以下数组

绘制一个表

$scope.list = [
{ "Row":1, "Column": 1, "Value": "11" },
{ "Row":1, "Column": 2, "Value": "12" },
{ "Row":1, "Column": 3, "Value": "13" },
{ "Row":2, "Column": 1, "Value": "21" },
{ "Row":2, "Column": 2, "Value": "22" },
{ "Row":2, "Column": 3, "Value": "23" },
];

所以我需要一个包含2行3列的表我知道我必须使用两个嵌套的ngRepeat，但我无法使其工作

你能帮助我吗？此致

Answer 1

我开发了解决方案，我发现了一个过滤器＆＃39; Unique＆＃39; here
对于每个唯一的行号，我会得到列的列表

<table border="2">
   <tr ng-repeat="row in list | unique:'Row'">
       <td>Row: {{row.Row}}</td>
       <td ng-repeat="col in list | filter:{'Row':row.Row}">{{col.Value}}</td>
    </tr>
</table>

Answer 2

首先应该将数组转换为这样的数组：

$scope.table = [
    ["11", "12", "13"],
    ["21", "22", "23"],
];

这样，迭代视图中的值会更容易：

<table>
    <tr ng-repeat="row in table">
        <td ng-repeat="column in row">
            {{column}}
        </td>
    </tr>
</table>

绘制一个基于AngularJS的矩阵数组

2 个答案: