Как отобразить ответ от WCF Api на модель сценария типа

Question

Я понимаю, что это основной вопрос, и я тоже посещаю следующие ссылки, но я мог бы также воспользоваться дополнительной помощью ..

ответ на карту машинописного текста Angular2 на новый тип Ответ на карту для объекта модели Как отобразить класс модели с ответом API Угловой 5

У меня есть API остальных в WCF, который дает следующий ответ:

"GetDeliveryManagerProfileResult": {
    "Address": "testasasa",
    "DateOfBirth": "Tue, 13 Aug 2019",
    "EmailAddress": "ameerali.web@gmail.com",
    "FullName": "Ameer Ali",
    "HealthInsurance": null,
    "MemberSince": "August 2019",
    "MobileNumber": null,
    "Nationality": "Pakistani",
    "RoleName": "Delivery Admin",
    "ServiceContract": null
}

Я собираю результат в Angular 8, чтобы сделать это .. У меня есть следующая модель для сопоставления свойств

export class Profile {

  FullName: string;
  RoleName: string;
  MobileNumber: string;
  EmailAddress: string;
  Address: string;
  DateOfBirth: string;
  MemberSince: string;
  Nationality: string

}

Следующий сервис Angular выполняет сбор данных .. ноне могу отобразить его в свойствах,

 getUserProfile(): Observable<Profile> {
const url = this.url +'/GetDeliveryManagerProfile';
return this.http.get<Profile>(url).pipe(
  catchError(this.handleError)
);
}

Я получаю следующий ответ, но я хочу сопоставить его с моделью профиля

Даже это вcomponent.ts не выполняет работу ..

export class DeliveryAdminProfileComponent implements OnInit {

constructor(private accountService: AccountService) { }
profile: Profile;


ngOnInit() {

 this.getUserProfile();
}

 getUserProfile() {

this.accountService.getUserProfile()
    .subscribe(data => {
      console.log((data));
      this.profile = data;


    });



}

}