AngularJS ui-grid渲染超链接

Sla*_*ast 7 angularjs angular-ui-grid

我正在使用Angular ui-grid 2.0.12,是否可以在给定单元格内添加超链接,或者对于任何类型的html代码?我一直在尝试按照这个提示:在任何ng-grid中添加html链接虽然它似乎不适用于ui-grid,可能是因为ng-grid曾经表现不同或者因为语法现在不同.

Goo*_*lla 39

实际上,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>' }
];
Run Code Online (Sandbox Code Playgroud)

工作演示(在新标签中打开链接,因为plunker无法处理SO的真棒)

  • [`{{row.entity.firstName}}`](http://plnkr.co/edit/IZzo2VHCesb4ui0sANio?p=preview)将完成工作:) (31认同)
  • 谢谢Goodzilla,访问json属性的语法是什么?我无法让getProperty()在ui-grid上工作:http://plnkr.co/edit/stmNTirT6L8INhTAmdxK谢谢! (4认同)
  • <div class ="ui-grid-cell-contents">看起来更好. (4认同)
  • 如果我想要一个动态的价值而不是"点击我"怎么办?就像我在同一个json中返回"公司名称"一样,我如何显示这些名称来代替"点击我" (2认同)