Javascript 从angular指令获取原始html内容

我想要一个能显示代码片段的指令。它看起来像：

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

"); }; } }; }); 结果渲染为：

你好{{{name}

这里有一些html代码

---

原始的

data attr

代码呈现为

data attr=”“

，我相信这是浏览器

innerHTML

的结果。那么，有没有一种方法可以在不经过浏览器处理的情况下获取原始的内部html呢？

我认为您应该开始研究如何使用javascript获取未解析的html内容。我的猜测是浏览器不支持这样的操作。我也认为它不受支持。您可以对传入指令的“element”对象应用dom解析。@DilipKumar您可以更具体地说吗？@jackysee您可以使用Jquery解析“element”对象。请注意；元素对象只是HTML结构的表示。我将尝试创建示例JSFIDLE并与大家分享。

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>