如何在角度ui网格单元格中添加图像

Question

如何在angular ui-grid单元格中添加图片。

var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']);

   app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
     $scope.gridOptions = {
       enableSorting: true,
       columnDefs: [
         { field: 'name' },
         { field: 'company'  },
         { field: 'image'}
       ],
       data:[
         {name:"Name1",company:"Company1",image:"http://cdn.flaticon.com/png/256/70689.png"},
         {name:"Name2",company:"Company2",image:"http://cdn.flaticon.com/png/256/70689.png"},]
   };  
 }]);

Answer 1

您可以使用自定义单元格模板在单元格中渲染图像。

class A {
  func a(a:Int) {
    println(a)
  }
  func b(a:Int) {
    a(a)
  }
}

这是一个有效的plnkr。

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