从 ng 重复触发 json 中的值更改

Question

我有关注 Json：

{
    "FunctionIs": [{
        "id": 1,
        "name": "Test",
        "Type": "A"
    }, {
        "id": 2,
        "name": "Test2",
        "Type": "A"
    },{
        "id": 3,
        "name": "Test3",
        "Type": "A"
    },{
        "id": 4,
        "name": "Test4",
        "Type": "A"
    },{
        "id": 5,
        "name": "Test5",
        "Type": "B"
    },{
        "id": 6,
        "name": "Test6",
        "Type": "B"
    },{
        "id": 7,
        "name": "Test7",
        "Type": "C"
    },{
        "id": 8,
        "name": "Test8",
        "Type": "C"
    },]
}

我在我的 html 中通过 ng-repeat 填充这些值：

<tr ng-repeat="businessdata in userObj.businessJson">
    <td id="idIs">{{businessdata.id}}</td>
    <td>{{businessdata.name}}</td>
</tr>

每当“类型”发生变化（从 A 到 B 和 B 到 C 和 C 到 D 等等），我想插入一个新的 <tr> 仅用于第一次显示标题（类型） .有人可以帮忙吗？ 谢谢！

Answer 1

您可以为不同的类型创建 3 个不同的 ng-repeat。

例如

<tr><th>A</th></tr>
        <tr ng-repeat="item in data | filter: {Type:'A'}">
          <td>{{item.name}}</td>
          <td>{{item.id}}</td>
        </tr>
        <tr><th>B</th></tr>
        <tr ng-repeat="item in data | filter: {Type:'B'}">
          <td>{{item.name}}</td>
          <td>{{item.id}}</td>
        </tr>
        <tr><th>C</th></tr>
        <tr ng-repeat="item in data | filter: {Type:'C'}">
          <td>{{item.name}}</td>
          <td>{{item.id}}</td>
        </tr>

这是一个有效的plunker