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>" }

我希望它會爲你工作。