Угловая ui-сетка Отображение символа HTML Unicode

Question

Я пытаюсь отобразить символы HTML Unicode (галочку или X) в ячейке ui-grid, где значения истинны или ложны соответственно. Я был в состоянии сделать это в таблице, используя нг-переключатель, как показано ниже:

     <div ng-switch="company.bitReleased"> 
          <div ng-switch-when="true"> 
           <span style="color:green; font-size:x-large" ng-bind-html="company.bitReleased | applyMarks | trustedhtml"></span> 
          </div> 
          <div ng-switch-when="false"><span style="color:red; font-size:x-large" ng-bind-html="company.bitReleased | applyMarks | trustedhtml"></span></div> 
         </div> 

используя следующие фильтры:

app.filter("applyMarks", function() { 
    return function (input) { 
     if (input == true) { 
      return '&#10004'; 

     } 
     else { 
      return '&#10008' 
     } 
    }; 

}); 
app.filter('trustedhtml', function ($sce) { 
    return $sce.trustAsHtml; 
}) 

Я нашел пару примеров для визуализации HTML в ячейке сетки, но Я не могу заставить кого-либо из них работать для моего решения.

Я попытался использовать следующее, но он не работает:

cellTemplate: '<div> ng-bind-html="row.entity[col.field] | applyMarks | trustedHtml"</div>' 

Кто-нибудь знает, если это вообще возможно сделать? Любая помощь очень ценится.

Answer 1

ng-bind-html - это директива, и директивы должны быть привязаны к элементу, не работает ли ниже?

'<div><span ng-bind-html="row.entity[col.field] | applyMarks | trustedHtml"></span></div>'