Angular URL 短域答案

【问题标题】：Angular URL short domainAngular URL 短域
【发布时间】：2020-01-09 14:51:13
【问题描述】：

如何在 url 浏览器中只保留域名，例如：https://stackoverflow.com/ThunderRoid → stackoverflow.com 我创建了一个短域.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;
      }
    }

【问题讨论】：

到目前为止你尝试了什么？
我按照链接下方的教程进行操作：medium.com/@thunderroid/… 并创建了一个管道（shortDomain），但我不明白如何在我的应用程序路由中使用它

标签： url url-routing short angular-pipe

【解决方案1】：

从你的例子：

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

到

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

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

【讨论】：