Как удалить «http: //» из имени домена внутри представления

Question

Как удалить «http: //» с начала URL-адреса внутри представления в приложении AngularJS?

У меня есть URL-адресов в базе данных, как:

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

, но мне нужно только, чтобы показать

example.com 

внутри вида.

Answer 1

Это связано с 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; } 
     }; 
    }); 

URL-адреса, которые являются правильными, и вы, возможно, не думали:

• http://example.com
• http://example.com:8000
• http://me@example.com
• файла: //example.com
• https://example.com
• http://example.com/some-path
• http://example.com?some-query-url

Вам не нужно их сейчас, но используя правильную функцию библиотеки означает, что ваше приложение не будет ломаться неожиданно в будущем, когда кто-то пытается использовать его для чего-то другого.

Answer 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; 
    }; 
});