Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 以离子状态列出_Angularjs_List_Ionic Framework_Ionic_Conditional Statements - Fatal编程技术网

Angularjs 以离子状态列出

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

我有这个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>
          <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,使用过滤器是针对此类情况的最佳和优化的解决方案