angularjs - AngularJS ui-grid レンダー ハイパーリンク

Question

私は Angular ui-grid 2.0.12 を使用しています。特定のセル内にハイパーリンクを追加することは可能ですか? 私はこのヒントに従おうとしています: ng-grid の誰にでも html リンクを追加しますが、ui-grid では機能しないようです。

Answer 1

実際、cellTemplateng-grid と同じように ui-grid でも機能します。

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

動作デモ(plunker は SO の素晴らしさを処理できないため、新しいタブでリンクを開きます)