AngularJS ui-grid 渲染超链接

Question

我使用的是Angular用户界面-Grid 2.0.12，是否可以在给定的单元格中添加超链接，或者任何类型的html代码？我一直在尝试遵循这个提示：在ng-Grid的任何人中添加html链接，尽管它似乎不适用于用户界面-Grid，可能是因为ng-Grid过去的行为不同，或者因为现在的语法不同。

Answer 1

动态链接略有不同:

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

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

Answer 2

实际上，cellTemplate在ui-grid中的工作方式与在ng-grid中的工作方式相同。

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

工作演示（在新选项卡中打开链接，因为 plunker 无法处理 SO 的出色功能）