TypeError：修补值时无法读取未定义的属性“ id”

Question

我正在尝试在表单上设置一个值。我所做的是我在字段表单上打了补丁，但出现错误：

  

无法读取未定义的属性'id'

在这些行上：

coursemodule_course_id: this.coursemodules.coursemodule_course_id.id

如何解决这些问题？下面是我的完整代码：

@Input() coursemodules: any = []

moduleForm = new FormGroup({
    class_id: new FormControl(''),
    coursemodule_title: new FormControl(''),
    coursemodule_course_id: new FormControl('')
});

constructor(
    private coursemoduleService: CoursemoduleapiService
) { }

ngOnInit() {
    this.moduleForm.patchValue({
        coursemodule_course_id: this.coursemodules.coursemodule_course_id.id
    })
}

ngOnChanges(changes: SimpleChanges) {
    this.moduleForm.patchValue({
        coursemodule_course_id: this.coursemodules.coursemodule_course_id.id
    })
}

saveModuleForm() {
    console.log(this.moduleForm.value);
    this.coursemoduleService.createCourseModules(
        this.moduleForm.get('class_id').value, 
        this.moduleForm.get('coursemodule_title').value,
        this.moduleForm.get('coursemodule_course_id').value).subscribe(
        result => console.log(result),
        error => console.log(error)
    );
}