Angular SPA的导航图

Question

我正在使用Angular构建SPA，我正在寻找一种方法来抽象通过UI作为服务的控制流，而不是将其硬编码到组件中。

代替

onContinue() { 
    if(this.isNewPayment) { 
        this.router.navigate(["somewhere/something"]) :
    } else {
        this.router.navigate(["somewhere/something-else"]);
    }
})

我想要

navService.begin("newPaymentProcess");
...
onContinue() { this.navService.next(NavActions.Continue); }

导航服务的配置将通过UI的允许路径定义为一组图形中的节点，每个图形通常代表应用程序的用例。它将保留节点到路由的映射，对调用导航的动作具有抽象，并且将支持图的嵌套。

Angular是否有现成的东西，还是我必须自己编写此服务？

过去，在使用BizTalk映射流的桌面应用程序中以及在使用内部组件（使用xml表示导航图的内部组件）的网站中已经看到了这一点。我相信Google在Android应用程式上也有类似的东西。