Angularjs ui-grid如何在工具提示中显示图像？

Question

目前我可以在单元格中显示图像，我希望能够在悬停在单元格上时显示完整图像。

我知道你可以给提示，如

cellTooltip: function(row, col){ 

} 

我已经试过

cellTooltip: function(row, col){ 
    return '<img src=myimg/>' 
} 

的方法，但这仅仅是显示文本，我希望它呈现HTML

Answer 1

由于最终工具提示仅使用“标题”属性，因此它只能是由spec定义的文本。

ui-Bootstrap有一个显示HTML的“不安全”工具提示。提示-HTML不安全

Answer 2

你可以试试这个，例如 { field: 'name', displayName: 'name', width: '7%', cellTemplate: "<div class='tblicon' style='text-align: center' ><img ng-src=\"../App_Themes/images/{{grid.getCellValue(row, col)}}.png\" title={{row.entity.name}} lazy-src></div>" }

我希望它会为你工作。