表格上的角度ng重复

Question

我拒绝相信这是获得我想要的唯一方法。如果是这样，这会破坏ng-repeat的容易程度。我从JSON字符串中提取并且我想构建一个简单的表。这是我拥有的，它的工作原理，但我不认为它是正确的方式。我试过{{e.POST_TITLE}}而没有运气。我该怎么做？

<table class="table table-striped table-bordered">
<thead>
<th><input type="text" class="" value="" placeholder="Tag Name"></th>
<th></th>
</thead>

<tbody>
<tr ng-repeat="e in Posts">
<td>{{Posts.POST_TITLE[$index]}} </td>
<td>{{Posts.TAGS[$index]}}</td>

</tr>



</tbody>


</table>

以下是JSON的示例：

Answer 1

您的型号不正确。你拥有的是多个数组，并且在同一个数组索引处的数组的每个元素彼此相关 - 也就是说它们需要逻辑分组，每个记录需要22个数组，而不是每列22个数组，如果那讲得通。

您有两种选择：

选择1
纠正你的模型。使用此处的示例，这就是您的模型当前的样子：

Item = ["Item1", "Item2", "Item3];
Fruit = ["Apple", "Orange", "Watermelon"];

相反，您的模型应如下所示：

Records = [
    {
        Item: "Item1",
        Fruit: "Apple"
    },
    {
        Item: "Item2",
        Fruit: "Orange"
    },
    {
        Item: "Item3",
        Fruit: "Watermelon"
    }
];

选择2
你一直在做什么不建议这样做，因为您的模型可以通过选择1进行改进，但如果您仍希望继续，那么您确实可以继续使用您编写的代码。它确实有效 - 问题可能是您忘记了JSON.parse()返回的数据。