angularjs - angularjs 指令 - element.html() 打破了嵌入

Question

参考资料

如果我调用element.html()我的链接函数，被嵌入的元素不再编译。这真的说明了一切，plunker 将演示，但这里是代码：

指示：

app.directive('myDirective', function() {
  var compile, config, link;

  link = function(scope, element, attr) {
      element.html();
  };

  compile = function() {
    return link;
  };

  config = {
    transclude: true,
    template: '<div ng-transclude></div>',
    compile: compile,
    scope: {}
  };

  return config;
});

html:

在下面，输出只是未编译的{{foo}}

  <div my-directive>
    {{foo}}
  </div>  

这是一个错误还是我错过了一些基本的东西？

注意如果在函数中调用这不是问题。element.html()compile

角度 v1.0.6，jQuery v1.9.1

Answer 1

代码似乎没有任何问题：这是

JSFiddle

 <div my-directive>
   {{foo}}
 </div>  

决议：

<div my-directive>
 test    
</div>