嵌套的json数据未显示在农业网格行数据中

时间:2020-11-08 06:20:39

标签: arrays angular ag-grid ag-grid-angular

[![在此处输入图片描述] [1]] [1]

[1]:此处为https://i.stack.imgur.com/dUWq7.png`enter代码

ngOnInit(){

this.reviewService.getAllReviewInGridView().subscribe(response => {




  console.log(response);
  this.agGridOptions = response.data;
  this.rowData = this.agGridOptions.results;
});

}

我的回应


{
"code":200,
"data":{
"count":"3",
"results":[
{
"CTS":"2020-05-27T06:04:22.595Z",
"UTS":"2020-05-27T06:04:22.595Z",
"type":"PRODUCT",
"rating":5,
"reviewId":"ab0aa881-dbe9-4509-80f1-c23646f04015",
"review":{
"title":"Title",
"description":"Description"
},
"reviewer":{
"firstName":"pavan",
"profileKey":"M00000m0PRFREG2018102347353485UNH001",
"profilePicUrl":"http://192.168.1.65/data/profilepics/M00000m0PRFREG2018102347353485UNH001.png?1568107101870"
},
"attachments":[
{
"url":"/data/reviewAndRating/farmer/attachments/1590559451117.jpeg",
"type":"IMAGE"
}
],
"productImage":"/data/p_images/1589531876689.png",
"productLevel2Id":"03jk",
"productLevel3Id":"03jl",
"productLevel2Title":"Orange",
"productLevel3Title":"Orange",
"sellerProfileKey":"M0002t20PRFREG2020021461717112UNH001"
},
{
"CTS":"2020-05-27T06:26:56.809Z",
"UTS":"2020-05-27T06:26:56.809Z",
"type":"PRODUCT",
"rating":5,
"reviewId":"ead7b6c1-22ed-48b8-96a5-465beb79da13",
"review":{
"title":"Product was good",
"description":"test was more good"
},
"reviewer":{
"firstName":"pavan",
"profileKey":"M00000m0PRFREG2018102347353485UNH001",
"profilePicUrl":"http://192.168.1.65/data/profilepics/M00000m0PRFREG2018102347353485UNH001.png?1568107101870"
},
"attachments":[
{
"url":"/data/reviewAndRating/farmer/attachments/1590560811773.jpeg",
"type":"IMAGE"
}
],
"productImage":"/data/p_images/1589533040417.jpeg",
"productLevel2Id":"03jo",
"productLevel3Id":"03jp",
"productLevel2Title":"Dry Ginger",
"productLevel3Title":"Dry Ginger",
"sellerProfileKey":"M0002t20PRFREG2020021461717112UNH001"
},
{
"CTS":"2020-07-31T05:32:20.756Z",
"UTS":"2020-07-31T05:32:20.756Z",
"type":"PRODUCT",
"rating":4,
"reviewId":"4f1cd487-5264-411f-8303-31bda4374193",
"review":{
"title":"osm",
"description":"testing "
},
"reviewer":{
"firstName":"vikash kumar",
"profileKey":"M0002t20PRFREG2020021461717112UNH001",
"profilePicUrl":"http://192.168.1.65/data/profilepics/M0002t20PRFREG2020021461717112UNH001.png"
},
"attachments":[
{
"url":"/data/reviewAndRating/farmer/attachments/1596173532002.jpeg",
"type":"IMAGE"
}
],
"productImage":"/data/p_images/1594983551128.png",
"productLevel2Id":"03kw",
"productLevel3Id":"03kx",
"productLevel2Title":"XYZ_Shipping Included",
"productLevel3Title":"XYZ_Shipping Included",
"sellerProfileKey":"M00001c0PRFREG2018102638093069UNH001"
}
],
"floatingFilter":false,
"columnDefs":[
{
"headerName":"Product",
"resizable":true,
"field":"productLevel2Title",
"sortable":true,
"filter":false,
"checkboxSelection":false,
"cellRendererFrameworkName":"AgGridSlNoRendererComponent",
"width":275
},
{
"headerName":"Variety",
"resizable":true,
"field":"productLevel3Title",
"sortable":true,
"filter":false,
"checkboxSelection":false,
"cellRendererFrameworkName":"AgGridSlNoRendererComponent",
"width":275
},
{
"headerName":"Reviewed on",
"resizable":true,
"field":"CTS",
"sortable":true,
"filter":"agDateColumnFilter",
"formatter":"AG_GRID_DATE_FORMATTER",
"formatterValue":"dd MMM",
"titleFormatterValue":"dd MMM yyyy, hh:mm:ss a",
"cellRendererFrameworkName":"AgGridDateRendererComponent",
"filterParams":{
"inRangeInclusive":true,
"clearButton":true,
"resetButton":true
},
"width":100
},
{
"headerName":"Reviewer",
"resizable":true,
"field":"authorName",
"sortable":true,
"filter":true,
"filterParams":{
"clearButton":true,
"resetButton":true
},
"width":150
},
{
"headerName":"Rating",
"resizable":true,
"field":"rating",
"sortable":true,
"filter":false,
"checkboxSelection":false,
"cellRendererFrameworkName":"AgGridSlNoRendererComponent",
"width":50
},
{
"headerName":"Review",
"resizable":true,
"field":"review",
"sortable":false,
"filter":false,
"cellRendererFrameworkName":"AgGridReviewRendererComponent",
"width":350
},
{
"headerName":"Attachments",
"resizable":true,
"field":"attachments",
"sortable":true,
"filter":true,
"cellRendererFrameworkName":"AgGridAttachmentsComponent",
"width":150
}
]
},
"info":"List fetched"
}

  1. 我想显示附件,审阅者姓名,审阅描述作为行数据,我如何获得它?

这是我当前获取行数据的方式。

这是我目前如何获取行数据的方法。 这是我目前获取行数据的方式。

1 个答案:

答案 0 :(得分:0)

您需要决定如何显示数据,因为这些项目是对象,所以您需要将它们更改为其他内容才能显示。

例如,您可能希望显示审阅元素${title} - ${description},如果这是选择显示数据的方式,则可以使用value getters

这来自文档:

// example value getter, adds two fields together
colDef.valueGetter = function(params) {
    return params.data.firstName + params.data.lastName;
}