javascript - Angular - ng-repeat - 获取 1 个列表中的所有 json 子数据

Question

我有一个 json 描述带有子数组“actions”的房间，描述了必须对房间执行哪些操作。

Room > Actions: {1, 2, 3}

我想在一页上显示所有房间的所有操作，并能够对它们进行过滤/排序。

此刻我已经想到了这一点。

<div ng-repeat="room in rooms">
    <ul class="list-group">
        <li class="list-group-item" ng-repeat="action in room.actions">

这显示了所有操作，但按房间分组。

Action 1 - 房间 1

Action 2 - 房间 1

Action 3 - 房间 2

Action 4 - 房间 2

...

我希望这些操作能够“独立”于他们的房间，这样我就可以对它们进行排序和过滤。

Answer 1

感谢您的帮助!在凯尔的帮助和穆罕默德的启发下，我成功解决了我的问题。

$http.get('rooms.json').success(function (data) {
        campus.rooms = data;
        for (i = 0; i < data.length; i++) {
            for (j = 0; j < data[i].actions.length; j++) {
                campus.allActions.push(data[i].actions[j]);
            }
        }
    });