如何在UI网格单元格中显示角度内容？

Question

使用UI Grid，我知道我可以在cellTemplate中定义HTML和Angular内容，这些内容将以每列为基础应用于所有行。

但是如何在每行基础上在UI网格单元中显示任意HTML和编译的Angular内容？换句话说，每一行都需要能够定义自己的HTML / Angular内容，所以我不能只在cellTemplate中定义它。

我可以使用这样的HTML内容：

  var data = [
    {
      Col1: $sce.trustAsHtml("<b>Some HTML {{row1}}</b>"),
      Col2: $sce.trustAsHtml("<b>Some HTML {{row1}}</b>")
    },
    {
      Col1: $sce.trustAsHtml("<i>Some Different HTML {{row2}}</i>"),
      Col2: $sce.trustAsHtml("<i>Some Different HTML {{row2}}</i>")
    }
  ];

  $scope.row1 = 1;
  $scope.row2 = 2;

  $scope.gridOptions = {
    columnDefs: [
      {name: "Col1", cellTemplate: "<span ng-bind-html='COL_FIELD'></span>"},
      {name: "Col2", cellTemplate: "<span ng-bind-html='COL_FIELD'></span>"}],

    data: data
  };

但是{{row1}}和{{row2}}没有解析，我不知道如何编译Angular内容（除了渲染事件上的$compiling，我猜） 。

Plunker