AngularJS ui-grid渲染超链接

Question

我正在使用Angular ui-grid 2.0.12，是否可以在给定单元格内添加超链接，或者对于任何类型的html代码？我一直试图遵循这个提示：Add html link in anyone of ng-grid虽然它似乎不适用于ui-grid，可能是因为ng-grid曾经表现不同或者因为语法现在不同。

Answer 1

实际上，cellTemplate在网格中的工作方式与在ng网格中的工作方式相同。

$scope.gridOptions.columnDefs = [
     { name: 'firstName' },
     { name: 'lastName'},
     { name: 'Hyperlink',
         cellTemplate:'<div>' +
                   '<a href="http://stackoverflow.com">Click me</a>' +
                   '</div>' }
];

Working demo（在新标签页中打开链接，因为plunker无法处理SO的真棒）

Answer 2

动态链接略有不同：

$scope.gridOptions.columnDefs = [
   { 
     name: 'Hyperlink',
     cellTemplate:'<div><a ng-href="{{row.entity.hyperlink]}}">Click me</a></div>'
   }
];

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