得到原始的AngularJS＆＃34; innerHTML＆＃34;因为它出现在编辑器中？

Question

我正在开发某种文档网站，我希望将Angular组件与其代码并排放置，因为它在编辑器中显示。所以它已准备好进行复制粘贴。

我试图获取元素的innerHTML，但我得到的不是原始代码。那可能吗？我想避免重复我的代码（一次显示它，第二次在<xmp>标记中显示另一个开发人员进行复制粘贴）。

所以基本上我正在寻找一种解决方案，它始终反映出编辑器中显示的特定元素的原始代码。

有什么想法吗？

Answer 1

我的同事用一个很好的指示帮我解决了这个问题。

http://codepen.io/rogierpennink/pen/dNpwPa?editors=1111

.directive('htmlExtract', function() {

  return {
    restrict: 'EA',
    scope: {
      htmlExtractTarget: '='
    },
    link: {
      'pre': function(scope, element) {
        document.getElementById(scope.htmlExtractTarget).innerText = element[0].innerHTML;      
    }
    }
  };

});