Directive to bind safe html in AngularJS

tg-bind-safe-html.js

// bind safe html in AngularJS
angular.module('myModule', ['ngSanitize'])
  .directive('tgBindSafeHtml', ['$sce', '$sceDelegate', '$parse', '$compile',
      function($log, $sce, $sceDelegate, $parse, $compile) {
          return {
              restrict: 'A',
              compile: function ngBindHtmlCompile(tElement, tAttrs) {
  
                  var ngBindHtmlGetter = $parse(tAttrs.tgBindSafeHtml);
                  var ngBindHtmlWatch = $parse(tAttrs.tgBindSafeHtml, function getStringValue(value) {
                      return (value || '').toString();
                  });
  
                  return function ngBindHtmlLink(scope, iElement, attr) {
  
                      scope.$watch(ngBindHtmlWatch, function ngBindHtmlWatchAction() {
  
                          // we re-evaluate the expr because we want a TrustedValueHolderType for $sce, not a string
                          iElement.html($sceDelegate.valueOf($sce.trustAsHtml(ngBindHtmlGetter(scope))) || '');
                      });
                  };
              }
          };
      }
  ]);