Angularjs 如何在每个标题单元格ui网格中放置工具提示说明
我不习惯在ui网格的头单元格中使用angulars引导工具提示Angularjs 如何在每个标题单元格ui网格中放置工具提示说明,angularjs,angular-ui-bootstrap,ui-grid,Angularjs,Angular Ui Bootstrap,Ui Grid,我不习惯在ui网格的头单元格中使用angulars引导工具提示 $scope.gridOptions = { //some settings columnDefs: [ { field: someId, displayName: 'Name', headerCellTemplate: 'linkToTemplate' //default headerCellTemplate with uib-tooltip={{tooltipDescription}}, tool
$scope.gridOptions = {
//some settings
columnDefs: [
{
field: someId,
displayName: 'Name',
headerCellTemplate: 'linkToTemplate' //default headerCellTemplate with uib-tooltip={{tooltipDescription}},
tooltipDescription: 'Tooltip description' //it's not working
}
]
}
HeaderCell模板:
<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>
....
{{col.displayName}}
//它不起作用了
....
在每个标题单元格中放置工具提示说明的正确方法是什么?每个单元格都有col.colDef属性,可以访问所有属性,如field、displayName、tooltipDescription等。每个单元格都有col.colDef属性,可以访问所有属性,如field、displayName、,工具提示说明等。我不是舒尔,但为什么不使用ui工具提示?工具提示{placement.selected}}抱歉,这是一个错误的示例,我正在headerCellTemplate中使用uib工具提示。问题是,如何在$scope.gridOptions或$scope.gridOptions.columnDefs的模板中放置工具提示的说明。我不习惯在模板中硬编码tooltipDescription,比如uib toolotp='some description',因为它是所有标题单元格的通用模板。使用此uib tooltip template=cell['template']可能存在拼写错误。将
uib toolotp
更改为uib tooltip
我不是舒尔,但为什么不使用ui tooltip?工具提示{placement.selected}}抱歉,这是一个错误的示例,我正在headerCellTemplate中使用uib工具提示。问题是,如何在$scope.gridOptions或$scope.gridOptions.columnDefs的模板中放置工具提示的说明。我不习惯在模板中硬编码tooltipDescription,比如uib toolotp='some description',因为它是所有标题单元格的通用模板。使用此uib tooltip template=cell['template']可能存在拼写错误。将uib工具OTP
更改为uib工具提示