angularjs - AngularJS ui-grid 渲染超链接

Question

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

Answer 1

实际上，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 的强大功能）

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