如何在 Angular 网格中显示 JSON 嵌套数据

Question

我正在开发 Angular 5 应用程序，我得到了具有以下数据结构的 class，我需要在模板中显示，可能使用 Angular Kendo UI Grid 如果不是则采样格式显示

我在 json

中获得了以下 class 数据

export class MyClass{
ConsultationId: string;
ResponseType: {
    id: string;
    Name:string;
};
TotalResponses: string;
TotalNewResponses:string;
TotalReviewResponses:string;
TotalCompletedResponses:string;
responsesAbstract: {
    ResponseId: string;
    ConsultationId: string;
    ResponseTypeId:string;
    RespondentId:string;
    ResponseCurrentStatus:string
}

}

json 数据的屏幕截图

试图通过 {{MyClass.ResponseType.Name}} 打印 ResponseType 名称，但 Angular 无法识别它

Answer 1

我认为您必须根据您的数据更新 class 属性

export class MyClass {
  consultationId: string;
  responseType: {
    id: string;
    name: string;
  };
  totalResponses: string;
  totalNewResponses: string;
  totalReviewResponses: string;
  totalCompletedResponses: string;
  responsesAbstract: {
    responseId: string;
    consultationId: string;
    responseTypeId: string;
    respondentId: string;
    responseCurrentStatus: string;
  };
}

并在组件中

class Component {
  items: MyClass[] = [];

  assign(data) {
    this.items = data;
  }
}

如何在 Angular 网格中显示 JSON 嵌套数据

How to display JSON nested data in Angular Grid

kendo-ui-grid

angular

json 数据的屏幕截图