带有角度材料工具提示的 ag 网格

【问题标题】：ag grid with angular material tooltip带有角度材料工具提示的 ag 网格
【发布时间】：2019-04-20 07:43:40
【问题描述】：

需要信息才能使用带有 ag 网格的 mat 工具提示，因为能够通过普通工具提示使用

 valueFormatter: this.tooltipFormatter
        , tooltip: function (params) {
          return (params.valueFormatted);
        }

【问题讨论】：

标签： angular angular-material ag-grid

【解决方案1】：

Ag 网格尚不支持高级工具提示。
您将不得不编写一个类似这样的自定义单元格渲染器组件 -

import {Component} from "@angular/core";
import {ICellRendererAngularComp} from "ag-grid-angular";

@Component({
    selector: 'child-cell',
    template: `<span matTooltip="material tooltip">{{params.value}}</span>`
})
export class ChildMessageRenderer implements ICellRendererAngularComp {
    public params: any;

    agInit(params: any): void {
        this.params = params;
    }

    refresh(): boolean {
        return false;
    }
}

有关如何使用组件注册自定义单元格渲染器的更多详细信息在这里 - Custom Component Example

Registering framework components

【讨论】：