javascript - 如何缩短 url 以仅使用 angular.js 过滤器显示域

Question

我的 Json 中有一些很长的 url，我正在尝试找出使用 angular 过滤器或可能只是一些 javascript 仅显示域的最佳方法？

http://www.example.com/page-with-a-long-long-long-OMG-so-long-name.html

到

www.example.com

谢谢!

Answer 1

在 AngularJS 中创建您自己的过滤器真的很容易:

app.filter( 'domain', function () {
  return function ( input ) {
    var matches,
        output = "",
        urls = /\w+:\/\/([\w|\.]+)/;

    matches = urls.exec( input );

    if ( matches !== null ) output = matches[1];

    return output;
  };
});

您可以在 View 中轻松调用:

<span>{{ myUrl | domain }}</span>

这是一个 Plunker:http://plnkr.co/edit/bVSv7n?builder&p=preview

这是一个您可能想要扩展的 super 简单的正则表达式，但它确实有效!