agGrid: özel başlık sütun bağlama çalışmıyor

Question

Şu anda agGrid üstbilgisinde açısal bir yönerge eklemeye çalışıyorum.

Benim 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', 
}; 

Benim işlevi takip olarak tanımlanır: my yönergesi kılınmış bir sonucu olarak

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

ama "sütunu Bunun için ben şöyle headerCellRenderer bir işlev geçti "ciltleme boş, nesneyi direktifime nasıl aktarmam gerektiğini anlamıyorum.

Herhangi bir fikrin var mı? Teşekkürler!

Answer 1

Bu herhangi birine yardımcı olabilirse, sadece hatamı anladım: paramizya argümanlarının bir kapsamı var ve bu yönerge direktifte geçiyor, bu yüzden tek yapmam gereken şey benim nesneyi bu kapsamda geçirmekti iş ! html

params.$scope.column = headerColDef; 

bu gibi bakarak:

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

Answer 2

Set ag-grid gridOptions özelliklerini angularCompileHeaders: true (Varsayılan yanlıştır)

deneyin! Benim için iş var.

Ref: garip https://www.ag-grid.com/javascript-grid-properties/index.php