ионная основная модель детализации, но показывает только 1-ю строку данных на странице детализации

Question

Я новичок в ionic app и пытаюсь разработать шаблон основных деталей, то есть в списке конференции, когда клик по нему должен показать список программы. Тем не менее, в моем приложении, при нажатии из списка конференции, он показывает только первый ряд программы

попытаться изменить службу собраний с:

   getProgram() {
    return new Promise((resolve, reject) => {
      this.http.get(this.program_url + '/:id')
        .subscribe(program => {
          resolve(program);
        }, error => {
          reject(error);
        });
    });
  }

до:

getProgram() {
  return new Promise((resolve, reject) => {
      this.http.get(this.program_url + '/:id')
        .subscribe(program => {
          resolve(program);
        }, error => {
          reject(error);
        });
    });
}

Встреча-detail.html:

<ion-content padding>
 <ion-item>
  <div>
   <ion-list>
  <p>{{ detail.program_name }}</p>
  <h4>{{ detail.program_start}} {{ detail.program_end}} </h4>
  </ion-list>
 </div>
 </ion-item> 

 </ion-content>

встреча-detail.ts:

  ngOnInit() {
   this.Id = this.route.snapshot.paramMap.get('meetingId');
   this.getAllMeeting();
  }



 getAllMeeting() {
  this.meetService.getProgram().then((program: any) => {
  this.Id = this.route.snapshot.paramMap.get('meetingId');
  for (const detail of program) {
  if ( detail && detail.event_id === this.Id ) {
    this.detail = detail;
    break;
  }
 }
 });
 }

meeting.service.ts:

  getProgram() {
  return new Promise((resolve, reject) => {
   this.http.get(this.program_url + '/:id')
    .subscribe(program => {
      resolve(program);
    }, error => {
      reject(error);
    });
    });
    }

В деталях встречи. html, там должен отображаться целый список программ для конкретной конференции: например: Конференция А: программа 1 программа 2 программа 3 ....

Но теперь показывать только программу 1 (только показывать 1-й ряд программы)