我将数据从 API 传输到我的 Angular 组件文件，但是当我将数据分配给对象变量时，出现了无法设置未定义属性的错误。 这是我的代码：

Class : UserDetails as

export class UserDetails {
    DOB?: string;
    Gender?: string;
    CellPhone?: string;
}

Component.ts :

export class PerComponent implements OnInit {

  public userProfileData: UserDetails;
  constructor( private commonService : CommonService) { 
    
    
  }
  ngOnInit(): void {
    this.loadData();
  }

  loadData() {
    let profileDetailParam = {ProcedureName: 'myprocname', Parameters: ['myparam']};
    this.commonService.GetDataFromStoredProcedure(profileDetailParam)
      .subscribe((data) => {
        let parseString = require('xml2js').parseString;
        let jsonData: UserDetails[];
        parseString(data, function (err, result) {
          if (result.NewDataSet != null)
            jsonData = result.NewDataSet.SPGetDetails[0];
          this.userProfileData = jsonData  ;
          console.log(this.userProfileData);
        });
      });
  }
}

jsondata 包含我期望的 JSON 格式数据。

我收到错误 core.js:4197 ERROR TypeError: 无法设置未定义的属性“userProfileData”

我知道我没有初始化 userProfileDetails，但应该如何以及在哪里初始化。

我尝试了构造函数和 ngOnInit，但没有任何效果