agGrid：自定義標題列綁定不起作用

Question

我目前正試圖在agGrid標題中添加一個角度指令。對於我在headerCellRenderer傳遞的函數如下：

我gridOptions：

this.columnDefs = [ 
    {headerName: "Height", field: "rowHeight"}, 
    {headerName: "Athlete", field: "athlete", width: 180}, 
    {headerName: "Age", field: "age", width: 90}, 
    {headerName: "Country", field: "country", width: 120}, 
    {headerName: "Year", field: "year", width: 90} 
]; 
this.gridOptions = { 
    columnDefs: this.columnDefs, 
    rowData: null, 
    //enableSorting: true, 
    headerHeight: 60, 
    //enableFilter: true, 
    enableColResize: true, 
    angularCompileRows:true, 
    angularCompileHeaders: true, 
    headerCellRenderer: (params) => 
     {return this.headerCellRendererFunc(params);}, 
    rowSelection: 'multiple', 
}; 

我的函數的定義如下：

headerCellRendererFunc(params) { 
    const headerColDef = params.colDef; 
    headerColDef.name = headerColDef.headerName; 
    headerColDef.isMetadata = false; 
    return '<header column="headerColDef"></header>'; 
} 

由於我的指令被渲染的結果，但「列「綁定是空的，我不明白我必須如何將對象傳遞給我的指令。

任何想法？ 謝謝！

Answer 1

如果這可以幫助任何人，我剛剛明白我的錯誤：參數參數有一個範圍，這是一個被傳遞給指令，所以我所要做的就是傳遞我的對象在範圍內工作！

params.$scope.column = headerColDef; 

與HTML看起來像這樣：

return '<header column="column"></header>'; 

Answer 2

設置AG-電網gridOptions性質angularCompileHeaders: true（默認爲false）

試試吧！這對我有用。

價：https://www.ag-grid.com/javascript-grid-properties/index.php