angularjs - 如何在每个标题单元格 ui-grid 中放置工具提示描述

Question

我不会在 ui-grid 的标题单元格中使用 angulars 引导工具提示

$scope.gridOptions = {
 //some settings
 columnDefs: [
  {
   field: someId,
   displayName: 'Name',
   headerCellTemplate: 'linkToTemplate' //default headerCellTemplate with uib-tooltip={{tooltipDescription}},
   tooltipDescription: 'Tooltip description' //it's not working
  }
 ]
}

标头单元模板：

<div role="columnheader">
....
    <span class="ui-grid-header-cell-label">
    {{col.displayName}}
    </span>
    <span class="icon" uib-toolotp='{{col.tooltipDescription}}' tooltip-placement='right'></span>//it's not working
....
</div>

在每个标题单元格中放置工具提示描述的正确方法是什么？

Answer 1

每个单元格都有 col.colDef 属性，可以访问字段、displayName、tooltipDescription 等所有属性。