AngularJS新手求助：正则匹配a标签内部文本失效问题

你遇到的问题其实是match()方法在使用全局修饰符g时的特性导致的——当加上g后，match()只会返回所有完整匹配的字符串，不会包含正则里捕获组的内容，所以你拿到的是整个a标签，而不是里面的邮箱文本。下面给你几种可行的解决办法：

方法1：去掉全局修饰符，提取单个匹配的捕获组 #

如果你的字符串里只有一个a标签，直接去掉g修饰符，然后取match()返回数组的第1项（索引1）就是捕获组的内容：

var str = '<a href="mailto:abc.jagadale@gmail.com" style="color:inherit;text-decoration:inherit">abc.jagadale@gmail.com</a>';
var matchResult = str.match(/<a[^>]*>([^<]+)<\/a>/);
var email = matchResult[1];
console.log(email); // 输出: abc.jagadale@gmail.com

方法2：用exec()循环提取多个匹配的文本 #

如果需要处理多个a标签，用exec()配合循环，它每次执行都会返回包含捕获组的结果，即使有全局修饰符：

var str = '<a href="mailto:abc.jagadale@gmail.com" style="color:inherit;text-decoration:inherit">abc.jagadale@gmail.com</a><a href="test@example.com">Test Email</a>';
var regex = /<a[^>]*>([^<]+)<\/a>/g;
var match;
var extractedTexts = [];

// 循环执行exec直到没有匹配
while ((match = regex.exec(str)) !== null) {
  extractedTexts.push(match[1]);
}

console.log(extractedTexts); // 输出: ["abc.jagadale@gmail.com", "Test Email"]

方法3：用replace()回调收集结果 #

另一种灵活的方式是利用replace()的回调函数，在替换过程中收集捕获组的内容：

var str = '<a href="mailto:abc.jagadale@gmail.com" style="color:inherit;text-decoration:inherit">abc.jagadale@gmail.com</a><a href="test@example.com">Test Email</a>';
var extractedTexts = [];

str.replace(/<a[^>]*>([^<]+)<\/a>/g, function(fullMatch, capturedText) {
  extractedTexts.push(capturedText);
});

console.log(extractedTexts); // 输出: ["abc.jagadale@gmail.com", "Test Email"]

更可靠的AngularJS专属方案：用DOM操作提取文本 #

其实正则处理HTML很容易踩坑——比如如果a标签里嵌套了<span>、<b>等子元素，你的正则就会失效。在AngularJS里，更推荐用angular.element来处理DOM：

var str = '<a href="mailto:abc.jagadale@gmail.com" style="color:inherit;text-decoration:inherit"><b>abc.jagadale@gmail.com</b></a>';
var elem = angular.element(str);
var email = elem.text().trim(); // trim去掉多余空格
console.log(email); // 输出: abc.jagadale@gmail.com

这种方法能正确处理所有合法的HTML结构，比正则更稳定。

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