如何让 angular.js 重新评估/重新编译内部 html? [英] How do I make angular.js reevaluate / recompile inner html?

问题描述

我正在制定一个指令来修改它的内部 html.到目前为止的代码:

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

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

它有效，除了内部 html 不是通过 angular 评估的.我想触发对 element 的子树的重估.有没有办法做到这一点?

It works, except that the inner html is not evaluated by angular. I want to trigger a revaluation of element's subtree. Is there a way to do that?

谢谢:)

推荐答案

你必须$compile你的内部 html 就像

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 '<span translate="' + text + '"></span>';
      });
      element.html(html);
      $compile(element.contents())(scope); //<---- recompilation 
    }
  })

这篇关于如何让 angular.js 重新评估/重新编译内部 html?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！