从angular指令获取原始html内容

Question

我希望有一个显示代码段的指令。它看起来像是：

<code-snippet>
  <p>Hello {{name}}!</p>
  <div data-attr>Some html code here</div>
</code-snippet>

为了防止{{}}被评估，我创建了一个指令，它将在编译阶段缓存html结果并返回链接函数来呈现这个html：

app.directive("codeSnippet", function(){
  return {
    restrict: 'E',
    compile: function(tEl){
      var code = tEl.html();
      return function(scope, el){
        el.html("<pre><code>"+_.escape(code)+"</code></pre>");
      };
    }
  };
});

结果呈现为：

  <p>Hello {{name}}!</p>
  <div data-attr="">Some html code here</div>

原始data-attr代码呈现为data-attr=""，我认为这是浏览器innerHTML的结果。那么有没有办法在没有浏览器处理的情况下获取原始内部html？