dynamic-bind-html/dist/dynamic-bind-html.js

A replacement for ng-bind-html that compiles angular code, too.

/*!
 * dynamic-bind-html
 * 
 * Version: 1.0.0 - 2016-06-28T02:09:40.255Z
 * License: MIT
 */

'use strict';

/**
 * @ngdoc directive
 * @name dynamicBindHtml.directive:dynamicBindHtml
 * @restrict A
 * @param {(string|Object)} dynamic-bind-html Angular code that compiles to a
 * valid html string (or object returned from a call to $sce.trustAs).
 *
 * @description
 * A directive inspired by `ng-bind-html` that accepts uncompiled angular code
 * in addition to raw html.
 *
 * @example
   <div dynamic-bind-html="{{generatesHtmlContainingDirectives()}}"></div>
 */

angular.module('dynamicBindHtml', []).directive('dynamicBindHtml', ["$compile", function ($compile) {
  return {
    restrict: 'A',
    replace: true,
    link: function link(scope, ele, attrs) {
      var compileHtml = function compileHtml() {
        ele.html(attrs.dynamicBindHtml);
        $compile(ele.contents())(scope);
      };
      compileHtml();
      scope.$on('updateDynamicBindHtml', function () {
        compileHtml();
      });
    }
  };
}]);