根据Javascript中的模式替换单词

Question

我正在将SVG转换为PNG，并且需要删除SVG中的angularjs属性。

<rect fill="#F9B24F" ry="5" rx="5" ng-attr-y="{{node.rectY}}" ng-attr-x="{{node.rectX}}" 
  ng-attr-height="{{chart.height}}" ng-attr-width="{{chart.width}}" y="10" x="20"    
height="80" width="160">

我需要输出

<rect fill="#F9B24F" ry="5" rx="5"  y="10" x="20"    
height="80" width="160">

我正在尝试使用javascript中的字符串替换方法进行替换。我已经在控制台中尝试了以下操作，但无法正常工作

"ng-repeat='{{dddddsd}}' dfjdzjfhjk".replace(/ng-*\s/g," "); 

Answer 1

如果您可以始终以ng-xyz="..."的形式依赖Angular属性，则可以这样操作：

str = str.replace(/\bng-[^\s]+="[^"]*"/g, '');

如果有些用单引号引起来，则可以进行第二次replace ：

str = str.replace(/\bng-[^\s]+='[^']*'/g, '');

显然，这是一个很大的“ if”，但是如果要使用正则表达式来操作类似SGML的标记，则必须具有这种“ if”， 从根本上讲 ，这实际上是做不到的 。

例：

 var str = '<rect fill="#F9B24F" ry="5" rx="5" ng-attr-y="{{node.rectY}}" ng-attr-x="{{node.rectX}}" ng-attr-height="{{chart.height}}" ng-attr-width="{{chart.width}}" y="10" x="20" height="80" width="160">'; display("Before: " + str); str = str.replace(/\\bng-[^\\s]+="[^"]*"/g, ''); display("After: " + str); function display(msg) { var p = document.createElement('p'); p.innerHTML = String(msg).replace(/&/g, "&amp;").replace(/</g, "&lt;"); document.body.appendChild(p); } 

Answer 2

不要使用正则表达式来解析DOM。 （有关为什么的详细答案： RegEx匹配除XHTML自包含标签之外的其他打开标签 ）

只需遍历DOM并删除不需要的任何属性即可。

var svg = $('#mySvg').clone(); //see http://api.jquery.com/clone/
var allNodes = svg.find('*');

allNodes.each( function(i,node) {
    //Here you can extract any attribute starting with ng- but not all angular directives
    //start with ng-*
    node.removeAttribute('ng-repeat');
} );