javascript - 链接上的 mailto 协议(protocol)以 HTML 标签打开

Question

我在 Angular JS 模板中使用以下代码来打开 Outlook，并预先填充一些字段。

<a href="mailto:{{item.caseOwner}}?subject= Case {{item.caseNumber}}">OWNER</a>

哪里 -

item.caseOwner = abc@xyz.com;

当 item.caseOwner 时，这可以正常工作。是一个字符串。但在某些情况下，它会封装在 HTML 标记中以用于突出显示。

item.caseOwner = <span class"highlight">abc@xyz.com<span>;

在这种情况下，Outlook 将打开并显示 HTML 标记，但它没有任何意义。有没有办法提取 <span></span> 中的字符串在用户点击链接之前？

Answer 1

创建自定义过滤器来清理item.caseOwner。

<a href="mailto:{{item.caseOwner | asEmail }}?subject= Case {{item.caseNumber}}">OWNER</a>

为了清理跨度标签，可以像这样实现搜索替换。

function asEmailFn(emailAddressOrMarkup) {
    return emailAddressOrMarkup
        .replace(/<[\/]*?span.*?>/g, '');
}

angular.module('App', [])
.filter('asEmail', function() {
  return asEmailFn;
})
.controller('TestController', ['$scope', 'asEmail', function($scope, asEmail) {
}]);