使用服务获取当前URL Angular 4以在所有其他组件中使用

Question

嗨，我的要求是获取当前URL，通过在特定组件中编写一些代码，我可以轻松地获得该URL。但是我想在服务文件中编写一个通用函数，然后将该函数调用到特定组件，然后我应该获得URL名称。

例如：我在仪表板页面中，我想要Url'/ dashboard'。有很多方法可以使URL在dashboard.component.ts

中编写很少的代码

但是我在app.service.ts文件中写了相同的代码并返回了字符串。现在，当我将app.component.ts的服务和函数调用为变量时，其显示为未定义。

下面是代码，如果我做错了什么或期望做错了，请告诉我。

预先感谢

app.service.ts文件

export class appService {
  currentUrl

 constructor(private route : Router) {
        this.route.events
.subscribe((event) => { 
   if(event instanceof NavigationEnd) {
     this.currentUrl = event.url  
     return this.currentUrl
    }

    });

  }


}

app.component.ts

export class AppComponent  {
     constructor(private as : appService){}

 currentUrl = this.as.currentUrl