强制 <a> 中的绝对 url（忽略基本 url）答案

【问题标题】：Force absolute url in <a> (ignore base url) in强制 <a> 中的绝对 url（忽略基本 url）
【发布时间】：2016-09-06 09:26:18
【问题描述】：

在 Angular 应用程序中，我有 <base href="/foo/bar/"> 和 $locationProvider.html5Mode(true);

我想创建一些列表：

<div ng-repeat="item in vm.items">
  <a ng-href="{{item}}" target="_blank">{{item}}</a>
  <a ng-href="{{item}}" download>{{item}}</a>
</div>

我的项目可能如下所示：['example1.com', 'www.example2.com', 'http://www.example3.com', 'https://www.example4.com'];

对于example3 和example4，它工作正常。修复它的最佳方法是什么：

如何强制它使用绝对网址？它应该与http、https 和download 属性一起使用。

【问题讨论】：

【解决方案1】：

是的，那么你应该使用类似的东西：

if (strpos($url, 'http') == false) {
  $url = 'http//:' .$url;
}

它会在每个没有它的 URL 前面添加http//:。

【讨论】：

【解决方案2】：

我决定使用：

fixUrl(item) {
    return '//' + item.replace(/^.*:\/\//, '');
}

【讨论】：