Angular URL 短域名

Question

如何在url浏览器中只保留域名，例如：https://whosebug.com/ThunderRoid → whosebug.com 我创建了一个 short-domain.pipe，我可以在路由应用程序中使用管道吗？有人可以帮我吗，我被屏蔽了

@Pipe({
      name: 'shortDomain'
    })
    export class shortDomain implements PipeTransform {
      transform(url: string, args?: any): any {
        if (url) {
          if (url.length > 3) {
            let result;
            let match;
            if (match = url.match(/^(?:https?:\/\/)?(?:www\.)?([^:\/\n?=]+)/im)) {
              result = match[1];
              if (match = result.match(/^[^.]+\.(.+\..+)$/))
                result = match[1];
            }
            return result;
          }
          return url;
        }
        return url;
      }
    }

Answer 1

根据你的例子：

<a [href]="dog.source">{{dog.source}}</a>

到

<a [href]="dog.source">{{dog.source | shortDomain}}</a>

保持 a 标签中的 href 相同，只需将管道添加到插值 ({{ }})

Angular URL 短域名

Angular URL short domain

url

short

url-routing

angular-pipe