在 Angular JS 中通过映射键进行过滤
Filtering in Angular JS by map keys
考虑以下JSON结构:更新:
[
{
"game0001": {
"-JfuVKIsUBH27DMJfWmL": {
"action": "STARTFIRSTHALF",
"team": "HOME"
},
"-JfuVLJGMgclLZ0Maduh": {
"action": "GOAL",
"team": "AWAY"
}
},
"$id": "events",
"$priority": null
},
{
"game0001": {
"gameRunning": false,
"startDate": "17/01/2015 17:27:42 PM"
},
"game0002": {
"gameRunning": true,
"startDate": "17/01/2015 19:45:59 PM"
},
"game0003": {
"gameRunning": false,
"scheduledDate": "17/01/2014 12:30:00 PM"
},
"$id": "games",
"$priority": null
}
]
如何在 HTML 中的 AngularJS 中实现过滤?以一种非常基本的方式,我试图实现以下目标:
<div ng-repeat="game in games">
<div ng-repeat="event in events | filter:game">
{{event.name}} - {{game.name}}
</div>
</div>
我有 2 个共享相同键的地图游戏和事件,例如(game0001、game0002)
在重复游戏时,我希望有一个事件的内部中继器,并仅过滤共享相同键/ID 的事件。
这是一个工作 plunkr,我对你想要获取的数据做了假设:
http://plnkr.co/edit/DVwQaRZeZiagGEzY4lCy?p=preview
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
$scope.games = {
"games": {
"game0001": {
"first": "a",
"second": "b"
},
"game0002": {
"first": "c",
"second": "d"
}
}
}
$scope.gamesKeys = Object.keys($scope.games['games']);
$scope.events = {
"events": {
"game0001": {
"event": {
"key": "a"
},
"event": {
"key": "b"
},
"event": {
"key": "c"
}
},
"game0002": {
"event": {
"key": "a"
},
"event": {
"key": "b"
},
"event": {
"key": "c"
}
}
}
}
$scope.eventsKeys = Object.keys($scope.events['events']);
});
重要的部分是这里的ng重复:
<body ng-controller="MainCtrl">
<div ng-repeat="gameKey in gamesKeys">
<div ng-repeat="eventKey in eventsKeys">
event: {{events['events'][eventKey].event.key}} - game: {{games['games'][gameKey].first}}
</div>
</div>
</body>
相关文章:
- 如何在映射数组中添加换行符
- 有可能过滤来自嵌入式YouTube的声音吗
- ng映射方向备选方案
- 无法通过数组映射绑定
- ReactJS映射:如何仅在url变量不为空时呈现html链接
- Python 3.3 itertools映射,长度为5,由正则表达式级别过滤
- 正确过滤/映射/减少
- 在 Angular JS 中通过映射键进行过滤
- 映射、过滤和自己的价值
- 使用数组映射过滤带有if条件的结果
- 如何对堆积条形图进行数据映射和过滤
- 如何在 JavaScript 中映射/减少/过滤 Set
- JavaScript中的过滤和映射
- 在ES6中过滤或映射节点器
- 我如何映射&以无点样式过滤
- 使用Ramda映射和过滤对象
- 在过滤后的数组上应用映射函数
- d3映射与复选框过滤
- javascript中的映射和过滤函数
- 同时进行数组过滤和映射