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

作業デモ （プランカーは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