问题标签 [angular7-router]

我在 app-routing.module.ts 中添加了路由我已经在路由文件和employee.ts 中配置了路径employees/:id 我已经编写了一个函数来导航以更新员工组件，但它没有发生。

我在employee.component.ts 中写了一个函数

但我无法导航以更新员工组件。我错过了什么？

使用角度7（不使用角度通量。），要求是，我们需要显示当前屏幕的路径。比如，假设有 a、b、c、d 屏幕。我们可以从 a->b->c->d 导航。需要显示“a->b->c->d”的路径。此外，我们可以通过单击返回按钮返回，所以如果在 d 上单击返回，那么我们处于 a->b->c。结构就像，有一个组件 X，它是内部的父<router-outlet>组件，其中组件 a，b，c，d 将根据导航附加。后退按钮和标题在组件 X 中可用，以及需要显示此路径位置的标题。

点击图片

每个组件 a、b、c、d 都需要状态（角度 7 个状态）。

为了实现后退按钮路由事件是订阅，它将当前路由和状态推送到堆栈中，当单击后退时，弹出最后一个路由并导航到该页面所需的角度状态。

此外，屏幕中存在像这样的选项卡点击图片 当点击tab1组件是a->b->c->d当点击tab2时，无论在哪个屏幕上，都有e->f组件。所以导航路径现在应该相应地改变。tab3 也一样。这些 a,b,c,d 也是可点击的，这样当点击 b 时，我们将导航到 a->b（现在应该显示 a->b）。

如何，这可以在 Angular 7 中实现？任何帮助表示赞赏。

在 Angular 7 中，我已经定义了不同的组件应用程序文件夹并在路由中定义组件很好，当我在 url 中定义路由器名称时，工作正常向我显示附加到该 url 的组件但是当我在锚标记中定义该路由名称时单击锚定它，在这里不起作用的是我的 html 代码

这是我的路由器

我们的项目中有一个要求，我们必须将 2 个或多个子 Angular 应用程序组合成一个容器 Angular 应用程序，通过我们想要制作单页 Angular 门户。

优点：

1. 我们可以维护不同的代码仓库
2. 不同的团队可以在自己的代码仓库上工作，他们可以独立工作。

所以我们决定使用 spring Gateway 来实现这一点，我们希望在其中执行以下过程：

第 1 步：创建 spring 网关应用程序并配置路由

setp 2：创建主容器角度应用程序（运行在：8080 端口） setp 3：创建子角度应用程序（在端口 8081 上运行）

当我们通过容器应用程序访问子应用程序时，我们希望通过 api 网关导航，该网关将进一步访问配置的路由并为子应用程序提供服务。

--> 至此，创建容器应用程序和配置网关部分已完成。--> 现在的问题是：

如何将整个子应用程序导出为模块，以便我的容器应用程序认为它是通过网关加载子模块而不是真正的角度应用程序。

有没有可能这样做？这对我们很有帮助！

Need to delay the route canActivate method call until my Authentication service return user role for the user id.

Our angular application doesn't have any login page, it uses user id from the server login. When user access the URL, authentication service get called in app.compoment.ts but before the service return any result, canActivate method get called, and doesn't have the user role at that time. So blocks all user access.

I have tried using async and wait with https call to get the user data, but that also not worked. Can anyone help here?

我正在开发一个角度应用程序，并意识到在最新版本的角度中，数据可以通过路由将一个组件传输到另一个组件。我浏览了一些博客，但我不太清楚如何做到这一点。

我的代码

组件1.ts

我想将一个变量传递this.param给component2

组件1.html

组件2.ts

我不确定如何在 component2 中获取此数据。我收到错误map。找不到地图。有人可以帮我吗？

谢谢

问题

如何更改路由以获取此 URL localhost:4200/overview？Partid=号码？

此处为任何动态数字，如 5 等。

在我的 Angular 应用程序的 URL 上写入时需要

本地主机：4200/概述？Partid=号码？

然后它会转到概览组件，它会在 URL 中更改为

本地主机：4200/概述？Partid=号码？

所以如何更改路由以获取这是指定的 URL

我想将 app.routing.ts 文件中的当前 URL 传递给守卫，因为由于某种原因导致 url 在守卫中被重置存在问题。下面我添加了如何将数据传递给路由。

现在我的问题是：如何使用 Angular 7.3 在我的守卫中获取此 URL 数据？我尝试了多种解决方案，例如下面的ActiveRoute解决方案

或者

但可悲的是，两者似乎都不适合我

编辑：我正在尝试在我的自定义警卫的canActivate 函数中获取这些数据

编辑 2.0：我尝试了下面的解决方案，但在应用程序重定向到根路由之前，.then() 中的日志甚至没有被触发

如果我不下载 excel 文件，我的路由工作，但如果我下载文件然后使用路由，那么它会失败。

似乎有问题的线是这条线：

此行在下载 excel 的函数内部。如果我点击后退按钮，当前页面和上一页都显示在新页面上，并且不会点击 OnInit 和构造函数

这个我也试过了

但是在新页面上，我可以看到两个页面的选择器，

然后我尝试了这个：

我的路由代码是这样的：

请任何人帮助。

在我的角度应用程序中，当我在gifts-routing.module.ts 中添加路由时，会出现此错误，当我删除它有效的路由但我仍然需要路由时，我该如何解决这个错误

礼物.module.ts

礼物-routing.module.ts

我还在我的共享模块中导入了ReactiveFormsModule和FormsModule

shared.module.ts

请问我应该怎么做才能解决这个错误？