如何在 Angular 2 项目中提供路由导航功能

Question

在我的 Angular 2 项目中，我有一个自定义函数 goToObject(objectType:string, objectID: number)，我用它来导航到应用程序中几个不同组件中的不同对象。该函数如下所示：

goToObject(objectType:string, objectID: number) {
     this._router.navigate([type, id]);
}

我想知道是否有一种方法可以在我的整个项目中提供此功能，而不必在每个组件中单独定义它。我想更难的是这个函数需要使用路由器对象的实例。我是否必须尝试在我的基本组件中提供它？

Answer 1

您可以使用共享服务

@Injectable() 
export class RouteServices {
  constructor(private _router:Router) {}
  navigate(...) {
     this._router.navigate([type, id]);
  }
}

然后在根组件提供它并在你想使用它的地方注入它并调用它的方法。