Невозможно получить объект для ngFor в угловом компоненте

Question

Я пытаюсь показать данные в таблице, используя ngFor, но не могу получить объект, содержащий данные в нем.Я вызвал 2 службы в своем методе ngOnInit и объединил их данные, используя обещания, но я не могу получить этот объект в ngFor в моем html-файле

html file

  <table class="table table-hover table-striped">
      <thead>
          <tr>
                  <th>Date/Time</th>
                  <th>Course</th>
                  <th>Location</th>
                  <th>Instructor</th>
                  <th>Enrolled</th>
                  <th>Actions</th>
          </tr>
      </thead>
      <tbody>
          <tr *ngFor="let obj of completeData">
              <td class="trim">{{obj.date}}</td>
              <td class="trim">{{obj.course}}</td>
              <td class="trim">{{obj.location}}</td>
              <td class="trim">{{obj.instructor}}</td>
              <td class="trim">Yes</td>     
              <td class="trim">
                <nb-select>

                  <nb-option value="2">Edit</nb-option>
                  <nb-option value="3">Delete</nb-option>
                  <nb-option value="4">View</nb-option>
                </nb-select>
              </td>
          </tr>
      </tbody>
  </table>

component.ts file

export class UpcomingClassesComponent implements OnInit {

  times: ClassTimes = new ClassTimes();
  schedule: ClassSchedule = new ClassSchedule();
    classes: any; 
    timing: any;
    data: any;
    completeData: any;


  constructor(private router:Router,
              private _classService: ClassServiceProxy) {

  }

  ngOnInit() {
    let dataPromise = new Promise((resolve) => {
      this._classService.GetClassData()
      .subscribe((result: any) => {
        resolve(result[0]);
      })
    });

    let timesPromise = new Promise((resolve) => {
      this._classService.GetClassTimes()
      .subscribe((result: any) => {
        resolve(result[0]);
      })
    });

    Promise.all([dataPromise, timesPromise])
    .then((values) => {
      //console.log(values);
      //let completeData = { ...values[0], ...values[1]};
      this.completeData = Object.assign({}, values[0], values[1]);
      //console.log(this.completeData);
      //console.log("final results : ", completeData); 
    });


    }
    }

Answer 1

Может потребоваться принудительное обнаружение изменений.Попробуйте приведенный ниже код. NgZone

constructor(private zone: NgZone) {
//...
});

this.zone.run(() => {
  this.completeData = Object.assign({}, values[0], values[1]);
});