0

現在、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>';
}

その結果、ディレクティブはレンダリングされますが、「列」バインディングは空です。オブジェクトをディレクティブに渡す方法がわかりません。

何か案は ？ありがとう ！

4

2 に答える 2

0

ag-grid gridOptions プロパティを設定しますangularCompileHeaders: true(デフォルトは false) 。

それを試してみてください！それは私のための仕事です。

参照: https://www.ag-grid.com/javascript-grid-properties/index.php

于 2016-10-20T09:04:13.893 に答える