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>'
   }
];

http://plnkr.co/edit/gDVUBwHolPnEatOrtt26?p=preview

Другие вопросы по тегам