How do I make angular.js reevaluate / recompile inner html?

Question

I\'m making a directive that modifies it\'s inner html. Code so far:

.directive(\'autotranslate\', function($interpolate) {
    return function(scope, elemen         


        

Answer 1

You have to $compile your inner html like

.directive('autotranslate', function($interpolate, $compile) {
    return function(scope, element, attr) {
      var html = element.html();
      debugger;
      html = html.replace(/\[\[(\w+)\]\]/g, function(_, text) {
        return '';
      });
      element.html(html);
      $compile(element.contents())(scope); //<---- recompilation 
    }
  })