时间戳

首页 > 解决方案 > Angular SPA 的导航图

angular - Angular SPA 的导航图

问题描述

我正在使用 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 表示导航图）的网站中已经看到了这一点。我相信谷歌也有类似的 Android 应用程序。

标签： angularnavigation

解决方案

推荐阅读