最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - How can I parse external link url using native angular code? - Stack Overflow

programmeradmin7浏览0评论

everyone. Sometimes I need some way to get some part of external site url in my angular code. But there's obviously no way to do it with native angular services, and I don't wanna use some Jquery library for parsing url. I need some service for url parsing which. Where can I find such service? Thx!

everyone. Sometimes I need some way to get some part of external site url in my angular code. But there's obviously no way to do it with native angular services, and I don't wanna use some Jquery library for parsing url. I need some service for url parsing which. Where can I find such service? Thx!

Share Improve this question asked Feb 2, 2014 at 22:06 EriendelEriendel 9791 gold badge9 silver badges23 bronze badges
Add a ment  | 

3 Answers 3

Reset to default 13

You can do it in Vanilla JavaScript.

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

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

Source: https://gist.github./jlong/2428561

I guess you could use the $sce service:

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

As mentioned in other post, provided that this is not subject to CORS.

By Parsing, I'm assuming you mean fetching of content/data from a url.

Proving the url allows any domain ( 'Access-Control-Allow-Origin', '*' ) or your domain, Angular does have ajax functions built in, simular to jquery et all.

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

Copied direct from the 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.
  });
发布评论

评论列表(0)

  1. 暂无评论