如何使用原生角度代码解析外部链接URL？

Question

大家。有时我需要一些方法来获取我的角度代码中的外部网站URL的一部分。但显然没有办法使用原生角度服务，我不想使用一些Jquery库来解析url。我需要一些服务来解析网址。我在哪里可以找到这样的服务？ THX！

Answer 1

您可以在Vanilla JavaScript。

中执行此操作

var parser = document.createElement('a');
parser.href = "http://example.com:3000/pathname/?search=test#hash";

parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port;     // => "3000"
parser.pathname; // => "/pathname/"
parser.search;   // => "?search=test"
parser.hash;     // => "#hash"
parser.host;     // => "example.com:3000"

来源：https://gist.github.com/jlong/2428561

Answer 2

我猜你可以使用$sce service：

function($scope, $sce) {
 $scope.getHtml = function() {
   return $sce.trustAsResourceUrl(myUrlHere);
 };
}

如其他帖子所述，前提是这不受CORS约束。

Answer 3

通过解析，我假设您的意思是从网址中提取内容/数据。

证明网址允许任何域名（＆＃39; Access-Control-Allow-Origin＆＃39;，＆＃39; *＆＃39;）或您的域名， Angular确实内置了ajax功能< / strong>，类似于jquery等等。

http://docs.angularjs.org/api/ng.$http

直接从anguar doc

复制

$http({method: 'GET', url: '/someUrl'}).
  success(function(data, status, headers, config) {
    // this callback will be called asynchronously
    // when the response is available
  }).
  error(function(data, status, headers, config) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });