Проблема с привязкой данных для просмотра из веб-API в Angular

У меня есть привязка данных, которая поступает из веб-API, и я привязываю ее к моему представлению, однако одно поле вызывает проблему, потому что в нем есть точка в середине имени desc_ci.serial_number, я пока пытаюсь использовать следующий код :

Структура данных API из API

desc_ci.serial_number: "cxxxxxxxx"
description: ""
etc etc

HTML

<span class = "text-gray">{{receivedIncident.desc_ci.serial_number}}</span>

.ts-файл

receivedIncident: any;


  constructor(private service: nowService,
    private appComponent: AppComponent,
    private userService: UserService,
    private router: Router,
    private http: HttpClient,
    private route: ActivatedRoute
  ) {
    this.receivedIncident = { number: '', opened_at: '', description: '', short_description: '', desc_ci.serial_number: ''}; this.receivedLocation = {city:null, country: null}
  }

private getIncident() {
    this.service.getIncident(this.s_id, this.c_id).subscribe((data) => {
      this.loading = true;
      console.info('Result - ', data);
      console.info('incident data is received');
      this.loading = true;
      this.receivedIncident = data.result[0];

    })
  }

Я получаю сообщение об ошибке: Не могу найти имя 'desc_ci'??

Есть идеи?