如何从视图中的域名中删除“http://”

时间:2014-11-19 10:35:25

标签: javascript angularjs

如何删除" http://"从AngularJS应用程序中的URL内部开始?

我在数据库中有以下网址:

http://example.com/
http://example.com
example.com

但我只需要显示

example.com

在视图内。

2 个答案:

答案 0 :(得分:4)

这涉及HTTP和HTTPS或任何其他URL。它使用内置的URL类,它将处理你没有想到的所有事情。

  app.filter('domain', function () {
    return function (input) {
      try {
        var url = new URL(input);
        return url.hostname;
      } catch (DOMException) {
        // Malformed URL. Return original (or something else).
        return input; }
      };
    });

正确的网址,您可能没有想到:

您现在可能不需要它们,但使用正确的库函数意味着将来当有人试图将其用于其他内容时,您的应用程序不会意外中断。

答案 1 :(得分:2)

在视图中使用此过滤器

app.filter('domain', function () {
  return function (input) {
    var output = "",
    matches;

    var urls = /\w+:\/\/([\w|\.]+)/;
    matches = urls.exec( input );

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