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

Question

我正在使用Angular 5应用程序，并且我得到了具有以下数据结构的类，需要将其显示在模板中，如果没有，则可能使用Angular Kendo UI Grid进行显示，然后以格式显示

我在json中关注了类数据

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

我认为您必须根据数据更新班级属性

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;
  }
}