angular - 布尔值在客户端上以角度返回未定义

Question

我有一个 asp.net 核心后端，通过 api 调用获取数据。我有这个对象模型：

public class CostGroup
{
    public long Id { get; set; }
    public string Name { get; set; }
    public int Rank { get; set; }
    public bool HcPlanning { get; set; }
    public bool OtherPlantCost { get; set; }
    public bool DirectLabCost { get; set; }
    public long CompanyId { get; set; }
    public Company Company { get; set; }
}

这个api调用：

[HttpGet("{id}")]
public CostGroup GetCostGroup(long Id)
{
    return DataContext.CostGroups.Find(Id);
}

这是angular中的相应服务：

  getCostGroup(id: number) {
    return this.http.get<CostGroup>('api/masterdata/costaccounting/costgroups/' + id);
  }

一切正常，我在客户端得到这样的结果：

{"id":24,"name":"ss","rank":123,"hcPlanning":true,"otherPlantCost":true,"directLabCost":true,"companyId":1,"company":null}

如您所见，布尔值被正确识别。但是如果我想读取布尔值，我会得到未定义的。CostGroup我像这样以角度读取对象：

this.service.getCostGroup(e.key).subscribe(costGroup => {
  this.costGroup = costGroup;
  this.companyId = costGroup.companyId;
  this.hcplanning = costGroup.hcplanning;
  this.otherplantcost = costGroup.otherplantcost;
  this.directlabcost = costGroup.directlabcost;
  alert(costGroup.directlabcost);
  this.editMode = true;
  this.name = costGroup.name;
  this.popup.instance.show();
});

所有布尔字段都是未定义的。为什么？如何克服这个问题？

标签： angularasp.net-core-webapi

Answer 1

您的对象属性为驼峰式：

"otherPlantCost":true

但是，您以小写形式访问它们：

this.otherplantcost = costGroup.otherplantcost;

您必须在骆驼情况下正确访问它们：

this.otherplantcost = costGroup.otherPlantCost;