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

Question

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

我知道你可以给工具提示一个方法，比如

cellTooltip: function(row, col){

}

我试过了

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

但这只是显示文字，我想让它呈现html

Answer 1

因为最终工具提示只是使用＆＃34;标题＆＃34;属性只能是spec定义的文本。

ui-Bootstrap有一个＆＃34;不安全的＆＃34;将显示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>" }

我希望它对你有用。