ERROR TypeError：无论我尝试了什么，都无法读取未定义的属性“path”

Question

无论我做了什么，我总是得到未定义的错误。当我console.log(This.EmployeeDetails.Gallery)；,Gallery[I].path有值时，我确实有值，但我的浏览器控制台一直在提示它，我尝试了不同的方法，比如先设置一个空字符串，移动另一个函数中的for-loop并将其设置为等待，但一切都不起作用。

await this.employeeService.getEmployeeDetails(this.Employeeuuid).subscribe((res) => {
  this.EmployeeDetails = res as Employee[];
  this.data.serviceprice = this.EmployeeDetails.serviceprice;
  this.setEmployees();
  console.log(this.EmployeeDetails.gallery);

  for (let i = 0; i <= this.EmployeeDetails.gallery.length; i++) {
    this.photossrc = this.EmployeeDetails.gallery[i].path;
    const src = this.photossrc;
    const caption = 'Image ' + i + ' caption here';
    const thumb = this.EmployeeDetails.gallery[i].path;
    const album = {
      src: src,
      caption: caption,
      thumb: thumb
    };
    this.albums.push(album);
  }
});

错误类型错误：无法读取EmployeeEditComponent.Push../src/app/pages/employee/Employee-Edit/Employee-Edit/Employee-Edit.Component.ts.EmployeeEditComponent.LoadPhotosandVideoes(Employee-Edit.Component.ts:201)在SafeSubscriber.Next(Employee-Edit.Component.ts:96)在SafeSubscriber.push../Node_Modules/RxJS/_ESM5/Internal/Subscriber.js.SafeSubscriber.__Tryorunsub(Subscriber.js:196)在ber.next(Subscriber.js:134)位于subscriber.push./node_modules/rxjs/_esm5/internal/subscriber.js:77)位于subscriber.push./node_modules/rxjs/_esm5/internal/subscriber.js.next(Subscriber.js:54)位于mapsubscriber.push./node_modules/rxjs/_esm5/internal/subscriber.js.next(Subscriber.js:54)位于mapsubscriber.push./node_modules/rxjs/_esm5/internal/subscriber.js.next(subscriber.js:54）在filtersubscriber.push../node_modules/rxjs/_esm5/internal/operators/filter.js.filtersubscriber._next(filter.js:38)位于filtersubscriber.push../node_modules/rxjs/_esm5/internal/subscriber.js.subscriber.next（subscriber.js:54)

Answer 1

循环不应小于或等于长度只是更小，如下所示：

 for (let i = 0; i < this.EmployeeDetails.gallery.length; i++) {
     ...
    }