Angularjs 以离子状态列出
我有这个html:Angularjs 以离子状态列出,angularjs,list,ionic-framework,ionic,conditional-statements,Angularjs,List,Ionic Framework,Ionic,Conditional Statements,我有这个html: <ion-content> <div class="bar bar-header bar-light"> <h1 class="title">{{ 'SchoolHours' | translate}}</h1> </div> <ion-list> <ion-item ng-repeat="day in days"> {{day}} <ion-list&g
<ion-content>
<div class="bar bar-header bar-light">
<h1 class="title">{{ 'SchoolHours' | translate}}</h1>
</div>
<ion-list>
<ion-item ng-repeat="day in days">
{{day}}
<ion-list>
<ion-item ng-repeat="subject in list_subjects">
<h2>{{subject.theme.name}}</h2>
<h3>{{subject.hour_ini}} - {{subject.hour_finish}}</h3>
<h3>{{ 'Teacher' | translate }} : {{subject.teacher.name}} - {{subject.teacher.mail}}</h3>
</ion-item>
</ion-list>
</ion-item>
</ion-list>
{{‘上课时间’|翻译}
{{day}
{{subject.theme.name}
{{subject.hour_ini}}-{{subject.hour_finish}
{{'Teacher'| translate}:{{{subject.Teacher.name}-{{{subject.Teacher.mail}
天数组如下:[“星期一”、“星期二”、…]
列出\u主题数组已获取对象。这些对象具有一个名为weekday的属性
我想在HTML的第二个列表中,它只列出与days数组中的当前日期匹配的对象
谢谢 解决方案#1
为此,您需要制作自己的过滤器,如下所示
.filter("filterByDays", function(filterFilter){
return function (subjects, day) {
return filterFilter(subjects,{weekday:day})
};
});
<ion-item ng-repeat="subject in subjects|filterByDays:day">
像这样使用它
.filter("filterByDays", function(filterFilter){
return function (subjects, day) {
return filterFilter(subjects,{weekday:day})
};
});
<ion-item ng-repeat="subject in subjects|filterByDays:day">
使用您的代码演示:关于如何编写自己的筛选器的文档: 解决方案#2 这是最简单的一个,您应该使用提供的groupBy筛选器,在这种情况下,您不必使用
days
array来按天对主题进行分组。此筛选器将使用subject的weekday
属性进行所有分组。关于如何使用,请参见我的说明。使用您的代码演示:
注意: 如果针对您的情况,请不要使用
ng,使用过滤器是针对此类情况的最佳和优化的解决方案