ionic 2：marge 具有相同值的细节

Question

我有从我的数据库响应中获得的对象数组。 每个对象都有课程名称、讲座名称、课程、时间、日期。 在我的数据库中，它是一对多的关系 -> 意味着每个讲座都有很多课程，所以我有讲座表和时间表。

时间表有lecture_id的foreign_key，这意味着 讲座表：lecture_id(primary_key) +更多属性。 次表：id_lecture(foreign_key),id_time(primary_key) +更多属性。 我做了一个查询

"SELECT * from Lectures,Times where id_lecture=lecture_id";

它工作正常，给我我想要的结果。 问题是每个讲座都有一些课程，我想在同一个离子项目中显示这些课程并将其标记为一个对象。 换句话说，我想那样做。

这是我获取数据的代码

  this.coursesData.LoadLectures()
        .subscribe(LectureList=> {
           console.log("getLec1");
          LectureList.forEach(lecture=>{
            console.log(lecture);
          var newLecture={
                name:lecture.name,
                email:lecture.email,
                phone:lecture.phone ,
                lesson_type:lecture.lesson_type ,
                detailsHours:{'start_time':lecture.start_time,'end_time':lecture.end_time,'class':lecture.class, 'day':lecture.day},
                details:lecture.details,
                course_name:lecture.course_name
          }
            this.coursesA.push(newLecture);
            this.coursesNames.push(lecture.course_name);
            this.LecturesNames.push(lecture.name);
          });
          //this.courseSelect=this.coursesNames[0];
          this.coursesAD=this.coursesA;
          this.coursesNames = this.coursesNames.filter(function(elem, index, self) {
                  return index == self.indexOf(elem);
              })
             // console.log("co"+this.coursesA);


               this.loader.dismiss();
               //console.log(this.LecturesNames);
        // return this.coursesA;

        },err=>{
          console.log(err);
        });
  }

如您所见，newLecture 包含

 var newLecture={
                name:lecture.name,
                email:lecture.email,
                phone:lecture.phone ,
                lesson_type:lecture.lesson_type ,
                detailsHours:{'start_time':lecture.start_time,'end_time':lecture.end_time,'class':lecture.class, 'day':lecture.day},
                details:lecture.details,
                course_name:lecture.course_name
          }

但是有很多课程，所以如果我这样做会出现问题，因为它会重复名称。

我尝试过这种方式，但它显示错误

 public Lectures(){
  console.log("getLec");
  this.courseSelect='';
  this.coursesNames=[];
  this.LecturesNames=[];
  this.coursesA=[];

 this.coursesData.LoadLectures()
    .subscribe(LectureList=> {
       console.log("getLec1");
      LectureList.forEach(lecture=>{
        console.log(lecture);
      var newLecture={
            id:lecture.id_lecture,
            name:lecture.name,
            email:lecture.email,
            phone:lecture.phone ,
            lesson_type:lecture.lesson_type ,
            detailsHours:{'start_time':lecture.start_time,'end_time':lecture.end_time,'class':lecture.class, 'day':lecture.day},
            details:lecture.details,
            course_name:lecture.course_name
      }
        console.log("de"+newLecture.detailsHours.start_time);
        if(!newLecture.id){
          this.coursesA[newLecture.id]=newLecture;
       // this.coursesNames.push(lecture.course_name);
        //this.LecturesNames.push(lecture.name);
        }
        else{
          this.coursesA[newLecture.id].push(newLecture);
        }

      });
      this.coursesAD=this.coursesA;

      //this.courseSelect=this.coursesNames[0];

      console.log(this.coursesA);
      /*this.coursesNames = this.coursesNames.filter(function(elem, index, self) {
              return index == self.indexOf(elem);
          })
           */

         // console.log("co"+this.coursesA);

           this.loader.dismiss();
           console.log("lets"+this.LecturesNames);
    // return this.coursesA;


    },err=>{
      console.log(err);
    });

}

我收到了这个错误

TypeError: 无法读取未定义的属性“push”

有人有办法解决吗？

Answer 1

我认为您可以使用子数组按名称（或 course_name）对课程进行分组。与其将newLecture 推入courseA，不如将​​其推入courseA[newLecture.name]。

因此，你会得到类似的东西：

{
    "JAVA Course": [
      { lecture1 },
      { lecture2 }
    }],
    "JS Course": [
      { lecture3 },
      { lecture4 }
    }]
}

然后，在您的模板中，您可以这样做：

<ion-item ng-repeat="(key, value) in obj">
    <p>{{key}}</p> <!-- example: JAVA Course -->
    <div ng-repeat="(subkey, subvalue) in value">
        {{subvalue}} <!-- example: lecture hours -->
    </div>
</ion-item>