Angular 在web api中绑定要查看的数据时出现问题 我有一个来自Web API的数据绑定，我对我的观点有约束力，但是一个字段引起了一个问题，因为它在名称“代码> > DeSurcC.SerialLo.No.中有一个点，我正在尝试下面的代码：

API中的API数据结构

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

html

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

我遇到错误：找不到名称“desc_ci”

有什么想法吗？

两个可能的问题

---

这是格式错误的json。如果存在非法的属性名称字符，则应引用名称。示例：

“描述ci.序列号”：“值”

您的代码还需要正确引用它，您可以使用属性索引器

{{receivedIncident['desc_ci.serial_number']}

---

这是格式错误的json。如果存在非法的属性名称字符，则应引用名称。示例：

“描述ci.序列号”：“值”

。您的代码还需要正确引用它，您可以使用属性索引器

{{receivedIncident['desc_ci.serial_number']}}

将其绑定到视图如何？这很好，可以提交答案，我可以接受。

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.log('Result - ', data);
      console.log('incident data is received');
      this.loading = true;
      this.receivedIncident = data.result[0];

    })
  }