如何从角度指令和帮助注释清理html？

Question

有没有办法将角度“活动DOM”转换为扁平化的纯HTML？ 我的意思是把这个：

<!-- ngRepeat: ref in refs track by $index --> 
<p ng_repeat="ref in refs track by $index" class="ng-scope ng-binding">a0120</p> 
<p ng_repeat="ref in refs track by $index" class="ng-scope ng-binding">a0241</p> 
<p ng_repeat="ref in refs track by $index" class="ng-scope ng-binding">z1242</p> 
<p ng_repeat="ref in refs track by $index" class="ng-scope ng-binding">a0120</p> 

到这一点：

<p>a0120</p> 
<p>a0241</p> 
<p>z1242</p> 
<p>a0120</p> 

当然，类和将保持属性没有关系的角度编译过程。

感谢

感谢

Answer 1

不能解析HTML或XML与正则表达式类似的文件。看看这个讨论：RegEx match open tags except XHTML self-contained tags

你最好使用HTML/XML编辑器。

Answer 2

我不知道正是你正在尝试做的，但如果它的搜索引擎优化的目的，你可能想看看这篇文章在一个页面的Web应用程序

http://www.yearofmoo.com/2012/11/angularjs-and-seo.html

Answer 3

猜测最好的方法是把遍历DOM

下面是我使用的，如果有人想的使用它，提高它或改变它完全地代码...

的Attr和类名单显然没有完成。

function cleanAngularStuff(el) { //recursive function 

    var remClassList = ['ng-scope', 'ng-model', 'ng-binding', 'ng-isolate-scope'] 
    var remAttrList = ['ng-repeat'] 

    // If node is a comment just remove it 
    if (el.nodeType == 8) { 
     el.parentNode.removeChild(el); 
    } 
    // If its an element remove extra attributes and classes and recurse children 
    else if (el.nodeType == 1) { 

     // Remove extra classes. If none is left remove class attribute 
     for (var i = 0; i < remClassList.length; i++) { 
      el.classList.remove(remClassList[i]); 
      if (el.classList.length == 0) { 
       el.removeAttribute('class') 
      } 
     } 

     // Remove attributes 
     for (var h = 0; h < remAttrList.length; h++) { 
      el.removeAttribute(remAttrList[h]) 

     } 

     // Recurse children 
     for (var i = 0, len = el.childNodes.length; i < len; i++) { 
      cleanAngularStuff(el.childNodes[i]) 
      // If child comment is removed decrease cursor 
      if (len > el.childNodes.length) { 
       len = el.childNodes.length 
       i-- 
      } 
     } 

    } 
}