Angular 2 组件少路由，在匹配特定 URL 时执行任何逻辑并进一步重定向

Question

我正在使用后端(微服务架构)向其发送动态填充电子邮件所需的各种详细信息的电子邮件服务提供商。其中一个细节是链接，例如电子邮件中的Deposit here链接，当客户点击它时，他应该被重定向到应用程序直接存款页面。

例如，实际链接的样子是:
my-app.com/deposit?accountId=1&customerId=10&something=30

传递给电子邮件服务提供商的数据是:
my-app.com/email-redirects?page=deposit

我不希望后端构建实际链接的原因是因为更改，如果我更改前端的链接，我也需要更改后端。除此之外，对于许多这样做的链接服务没有所需的信息(查询参数)，因此该服务需要调用其他服务来获取所需的信息。前端应该更容易处理这个问题。

我想做的是类似component-less 的路由，当 path 是
email-redirects应该执行一些基于页面查询参数的逻辑，这将创建实际链接my-app.com/deposit?accountId=1&customerId=10&something=30

这样做的目的是前端如果需要accountId、customerId，something。一旦它创建了实际的链接，逻辑就应该将客户重定向到实际的 url，并且将呈现适当的组件。无论如何实现无组件路由？

Answer 1

查看 UrlMatcher。 https://angular.io/api/router/UrlMatcher

为您的 email-redirects 路径创建自定义 UrlMatcher，如果匹配，返回一个新的 UrlSegment 和 deposit ?accountId=1&customerId=10&something=30 里面的信息。这条新路由将传递给子路由器，您可以在其中做任何您想做的事情。