Angular 1.2 workaround for ng-bind-html-unsafe

ng-bind-html-unsafe.js

'use strict';

angular.module('app').directive('ngBindHtmlUnsafe', function ($sce) {
  return {
    constrain: 'E',
    link: function (scope, element, attr) {
      scope.$watch($sce.parseAsHtml(attr.ngBindHtmlUnsafe), function(value) {
        element.html(value || '');
      });
    }
  };
});

No matter what I do, I end up with no content. Any idea what I'm doing wrong?

I tried many variations:

<div class="content" ng-bind-html-unsafe="content.description"></div>
<div class="content" ng-bind-html-unsafe="'content.description'"></div>
<div class="content" ng-bind-html-unsafe>{{content.description}}</div>
<div class="content" ng-bind-html-unsafe="content.description">{{content.description}}</div>
<ng-bind-html-unsafe="content.description"></ng-bind-html-unsafe>
<ng-bind-html-unsafe>{{content.description}}</ng-bind-html-unsafe>
<ng-bind-html-unsafe="content.description">{{content.description}}</ng-bind-html-unsafe>