我的教育经历如下：

并且是以下组件

    

     

     {{educationHeader}}
     
 
         {{startDate}} - 
         {{endDate}}
     
 

具有以下逻辑，用于显示从参数中获取的数据：

export class EducationItemComponent implements OnInit {

  @Input()
  education: Education;
  isCollapsed = false;
  isActive = false;
  startDate: string;
  endDate: string;
  educationHeader: string;
  educationDescription: string;

  constructor() { }

  ngOnInit(): void {
    console.log(this.education);
    this.startDate = this.education.startDate != '' ? formatDate(this.education.startDate, 'MMM yyyy', 'en-US')
        : formatDate(new Date(), 'MM YYYY', 'en-US') ;
    this.endDate = this.education.endDate != 'present' ? this.endDate = formatDate(this.education.endDate, 'MMM yyyy', 'en-US')
        : this.education.endDate;
    this.educationHeader = this.education.degree == undefined || this.education.description == undefined ? ''
        : this.education.degree + ' at ' + this.education.school;

    if (!this.education.description.enUS && this.education.description.nlNL) {
      this.educationDescription = this.education.description.nlNL;
    } else if (this.education.description.enUS) {
      this.educationDescription = this.education.description.enUS;
    }
}

我使用自定义事件来处理更新

@Output() updatedValue: EventEmitter = new EventEmitter();

  constructor() {}

  ngOnInit(): void {}

  fieldChanged(changes: SimpleChanges) {
    this.updatedValue.emit(changes);
  }

然后我有以下 html 用于操作数据：

        
Update education
        

          

            
          
          

            
          
        

但是，字段 [value]="loadedEducation.school" (updatedValue)="loadedEducation.school = $event" 中的更新数据不会与子组件绑定，因此在刷新并获取之前不会显示任何内容来自数据库的数据。

我可以尝试实现哪些可能性？

我尝试实现 ngOnChanges，但没有成功。