作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有如下数据,其中我将每个日期存储为一条记录
{
"attendances": [
{
"_id": "586bb4cf5ab55f517ca4304b",
"course": {
"_id": "586645636ce1252f20ba1ad6",
"name": "Robotics"
},
"date":"22/11/2016",
"ispresent": "Yes",
},
{
"_id": "586bafe95ab55f517ca43048",
"course": {
"_id": "586645636ce1252f20ba1ad6",
"name": "Robotics"
},
"date":"21/11/2016",
"ispresent": "Yes",
},
{
"_id": "586bafe95ab55f517ca43048",
"course": {
"_id": "586645636ce1252f20ba1ad6",
"name": "Statistics"
},
"date":"21/11/2016",
"ispresent": "Yes",
},
{
"_id": "586bafe95ab55f517ca43048",
"course": {
"_id": "586645636ce1252f20ba1ad6",
"name": "Statistics"
},
"date":"21/11/2016",
"ispresent": "Yes",
}
],
}
我希望输出如下表
Robotics yes yes
Statistics No yes
我有每门类(class)的每个日期的记录。请有人帮助我。
最佳答案
您可以通过添加一个 groupBy 过滤器来实现这一点,就像 Angular-filter lib https://github.com/a8m/angular-filter 中的过滤器一样。 ,它将根据 name
属性对您的对象进行分组。
然后你的 html 将看起来像这样:
<div ng-repeat="(key,value) in attendances | groupBy: 'course.name'">
{{key}} - <span ng-repeat="item in value">{{item.ispresent}}</span>
</div>
找到这个工作示例:https://plnkr.co/edit/KVVK1A0QJ7VF7DbXZGi5?p=preview
关于javascript - 如何在 angularjs 中将相同的文档推送到数组顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41466474/
我是一名优秀的程序员,十分优秀!