Json AngularJS和HTML表

我有这样的json：

    [
        {
            "date": "25/06/2015",
            "details": [
                {
                    "p": "AM",
                    "b": "2500"
                },
                {
                    "p": "JL",
                    "b": "300"
                }
            ]
        },
        {
            "date": "24/06/2015",
            "details": [
                {
                    "p": "AM",
                    "b": "2300"
                },
                {
                    "p": "JL",
                    "b": "1300"
                }
            ]
        }
    ]

我想使用angularjs将数据写入html表，但我需要

date.details.p

的值来确定

date.details.b

的值应该放在哪个列中。因此，例如，如果

date.details.p

='AM'，则值

date.details.b

将始终位于第2列

JSON数据并不总是包含与每列相关的数据，也不能保证细节数组的顺序

任何想法都受到了感激

编辑 预期的产出将是

Date          AM      JL
25/06/2015    2500     300
24/06/2015    2300    1300

---

基于有限的信息，我建议您可以使用ngShow

<tr>
    <td class="ColumnTwo">
        <span data-ng-show="checkAM(date)">{{date.details.p}}</span>
    </td>
</tr>

{{date.details.p}

在函数checkAM中，您可以检查是否

date.details.p==“AM”

根据您可以使用的情况

ngSwitch ngIf

还可以查看

尝试以下操作：

<table>
    <tr>
      <th>Date</th>
      <th>AM</th>
      <th>JL</th>
    </tr>
    <tr ng-repeat="item in data">
      <td>{{ item.date }}</td>
      <td ng-repeat="detail in item.details">
        <span ng-show="detail.p=='AM' && $index == 0">{{ detail.b }}</span>
        <span ng-show="detail.p=='JL' && $index == 1">{{ detail.b }}</span>
      </td>
    </tr>
  </table>

JS-Bin
日期
是
JL
{{item.date}
{{detail.b}
{{detail.b}

您的json代码中有一个错误-您应该删除第一个

{

和最后一个

}

oops-编辑以删除有问题的大括号。您是否可以编写此输入所需的html？我不确定这张桌子到底应该是什么样子；）@TomekSułkowski-使用预期输出再次编辑。谢谢你的关注希望这对你有帮助