AngularJS ui-grid рендерит гиперссылку
Я использую Angular ui-grid 2.0.12, возможно ли добавить гиперссылку в заданную ячейку, или в этом отношении любой тип HTML-кода? Я пытался следовать этому совету: добавить ссылку html в любую из ng-grid, хотя она, похоже, не работает на ui-grid, возможно потому, что ng-grid вела себя иначе или потому что синтаксис теперь другой.
2 ответа
Решение
На самом деле, cellTemplate
в UI-Grid работает так же, как в NG-Grid.
$scope.gridOptions.columnDefs = [
{ name: 'firstName' },
{ name: 'lastName'},
{ name: 'Hyperlink',
cellTemplate:'<div>' +
'<a href="http://stackru.com">Click me</a>' +
'</div>' }
];
Рабочая демонстрация (откройте ссылки на новой вкладке, потому что plunker не может справиться с огромным количеством SO)
Небольшое изменение для динамических ссылок:
$scope.gridOptions.columnDefs = [
{
name: 'Hyperlink',
cellTemplate:'<div><a ng-href="{{row.entity.hyperlink]}}">Click me</a></div>'
}
];