如何用JavaScript正则表达式清理Angular代码适配jsPDF？

Got it, let's work through this! You're totally right that your initial regex only handles super simple cases—Angular's ng-* attributes can hold really complex stuff like expressions, function calls, bindings with spaces, even escaped quotes, so we need a more robust pattern.

完善后的正则表达式 #

Here's a regex that'll reliably match and remove any ng-* attribute with double-quoted values:

const cleanedHtml = yourHtmlString.replace(/ng-\w+="(?:[^"\\]|\\.)*"/g, '');

正则规则拆解（帮你理解每个部分） #

• ng-\w+: 匹配所有以ng-开头的Angular属性（比如ng-model、ng-repeat、ng-if）
• =": 匹配属性名与值之间的等号，以及属性值的起始双引号
• (?:[^"\\]|\\.)*: 核心匹配逻辑，这个非捕获组能处理两种情况：
  • [^"\\]: 匹配任何不是双引号或反斜杠的普通字符
  • \\.: 匹配转义字符（比如\"或\\）
  • 末尾的*表示会一直匹配到未转义的闭合双引号为止
• ": 匹配属性值的闭合双引号
• g: 全局匹配标志，确保替换所有符合条件的ng-*属性

示例效果 #

假设你有这段包含复杂Angular属性的HTML：

<div ng-if="user.role === 'admin'" ng-click="openEditModal(user.id)" ng-class="{'active': user.isActive}">
  {{ user.name }}
</div>

运行上述正则后会得到清理后的代码：

<div >
  {{ user.name }}
</div>

处理单引号属性值（可选） #

如果你的代码里有用单引号包裹属性值的情况（Angular中较少见，但存在可能性），可以调整正则来兼容双引号和单引号：

const cleanedHtml = yourHtmlString.replace(/ng-\w+=(["'])(?:[^"\\]|\\.)*\1/g, '');

这里(["'])会捕获起始的引号类型，\1会匹配相同类型的闭合引号，从而同时支持两种引号格式。

小提醒 #

正则没法覆盖所有极端的畸形HTML情况（比如未转义的嵌套引号），但这个模式能处理99%的合法Angular代码场景，足以满足你为jsPDF预处理代码的需求，比你最初的简单正则靠谱多了。

内容的提问来源于stack exchange，提问作者Jorge