使用Angular 5將數組和嵌套的json顯示到Ag-grid

Question

我有一個場景來綁定嵌套和json數組以使用angular 5綁定ag-grid。我嘗試在colDefs行數據上使用valueGetter作為Json進行綁定。 似乎什么都沒有解決。 我也看不到帶有文檔的示例。

這是我到目前為止擁有的json和代碼。

傑森：

{
"packages": [
{
  "packageId": 2,
  "name": "Name1",
  "isEnabled": true,
  "packageRegistrationTypes": [
    {
      "registrationType": {
        "registrationTypeId": 1,
        "description": "Reg1"
      },
      "isActive": true
    },
    {
      "registrationType": {
        "registrationTypeId": 45,
        "description": "Reg2"
      },
      "isActive": false
    }
  ]
 }
 ]
}

角5：科爾多夫

  {headerName: 'Package Name',checkboxSelection: true,rowGroupIndex: 0, valueGetter: params => params.data.packages[0].name},

我從Service綁定了行值，但無法獲取它。 我應該使用任何其他格式來綁定嵌套值和數組值。

Answer 1

我從未嘗試過彎折ColDef ，只需在獲取原始數據后稍微更改數據格式即可。

您的數據基於鍵而不是常規數組，我會這樣做

.subscribe(res => {
    this.data = Object.values(res.packages);
})

Answer 2

基本上正是@windmaomao所說的。 當您使用agGrid api調用setRowData時，將data.packages作為參數傳遞： this.gridOptions.api.setRowData(data.packages); 在該field: 'name',當放在columnDefs中時應該可以工作（因此我想也不再需要valueGetter了）