创建指定浏览器打开的动态超链接提取lastCall手机号拼接目标URL

开发者阿泽

2026-9-30

实现方案

你当前使用的是AngularJS框架，直接将原有div标签替换为a标签，用框架内置的ng-href指令绑定动态地址即可，具体实现代码如下：

<p>
  <a 
    class="last-call-number ng-binding ng-scope" 
    ng-if="lastCall.number.length != 10 && lastCall.number.length != 11"
    ng-href="microsoft-edge:http://myurl.com/{{lastCall.number.replace(/^\+1/, '')}}"
  >
    {{lastCall.number}}
  </a>
</p>

细节说明

用ng-href而非原生href属性：AngularJS模板渲染完成前，直接写href会出现未解析的模板变量地址，ng-href会等变量解析完成后再生成可用的href属性，避免异常跳转。
前缀移除逻辑：用正则/^\+1/匹配号码开头的+1前缀并替换为空，只会匹配开头的前缀，不会修改号码中间出现的数字1，避免号码被误改。
展示内容自定义：当前a标签的文本保留了原有的带+1的完整号码，如果你需要展示不带前缀的号码，把标签内的{{lastCall.number}}替换为{{lastCall.number.replace(/^\+1/, '')}}即可。
浏览器指定：链接开头的microsoft-edge:是系统级协议标识，点击后会自动调用微软Edge浏览器打开后面拼接的URL，符合需求要求。