Angular console.log 返回 api 数据但 ERROR TypeError： Cannot read properties of undefined reading 'name'

我不明白我已经将父数据employeeNumber传递给用户研讨会子组件.

这是我的子组件代码

export class UserSeminarComponent implements OnInit {
  @Input() employeeNumber: number;

  seminar: IUserSeminar;
  // seminar: any;

  constructor(private apiService: ApiService, private spinner: SpinnerService) { }

  ngOnInit(): void {
    this.getUserSeminar();
  }

  private getUserSeminar(): void {
    // console.log(this.employeeNumber);
    this.apiService.getUserSeminar('users/seminar/', this.employeeNumber)
      .subscribe(
        data => {
          this.seminar = data;
          console.log(this.seminar);
        });
  }

}

然后try 在html用户研讨会中显示数据.组成部分html

<p>{{ seminar.name }} test</p>

我有研讨会界面

export interface IUserSeminar {
    id: number;
    user_id: number;
    dates: Array<string>;
    name: string;
    certificate_number: number;
}

在控制台中成功返回数据.日志(log)

[
   {
      "id":1,
      "user_id":1,
      "dates":"04-04-2022",
      "name":"test",
      "certificate_number":"123",
      "created_at":null,
      "updated_at":null,
      "user":{
         "id":1,
         "created_at":"2022-06-27T02:20:30.000000Z",
         "updated_at":"2022-06-27T03:18:59.000000Z",
         "first_name":"Super Admin",
         "last_name":"SIS",
         "middle_name":null,
         "suffix":null,
         "email":"dev@admin.com",
         "sex":"male",
         "birthdate":"2022-06-14",
         "employee_number":"22000001",
         "profile_picture":null,
         "address":null,
         "contact_number":"+1-202-555-0119",
         "date_of_employment":"",
         "alt_contact_number":"202-555-0119"
      }
   }
]

但是我的浏览器还是出错了.