问题标签 [angular7-router]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
65 浏览

angular - Ionic4 类型的角度总是加载主页

我的 Ionic4 应用程序总是加载主页。我尝试将其初始化为 loadChildren、component 和 rederictTo,但仍然总是加载主页。

.app-routing.module.ts

.app.component.html

.home.module.ts

.overview.module.ts

.app.module.ts

0 投票
2 回答
1454 浏览

angular - 默认情况下如何导航到子路由 - Angular 7 (Routes)

我正在使用 Angular 路由来浏览组件。当用户登录时,他们被导航到dashboard/:id然后他们看到dashboard/123/projects等等。问题是,当用户/dashboard仅导航到时,我想/dashboard/:id默认将它们重定向到。但是当我这样做时:{ path:"dashboard", redirectTo:"dashboard/:id/projects", pathMatch:"full"}它通过一个错误说:id未定义,并且我无法导航到从/dashboard当前用户登录/dashboard/123/projects

我的 Routes.modules.ts 代码

0 投票
1 回答
267 浏览

javascript - Angular 7中静态内容的通配符路由

我正在通过学​​习这个示例应用程序来学习 Angular 7 。示例应用程序使用通配符路由来处理所有其他未处理的路由。

具体来说,这个app-routing.module.ts将所有杂项路由定向到AppConfig.routes.error404,由Error404PageComponent.ts处理,然后最终为每个未指定的可能路由提供error404-page.component.html它自己的组件和命名路由。

为了让通配符路由为不同的提交路由提供不同的静态内容,需要对此示例应用程序中的代码进行哪些具体更改?

例如,如果 Web 用户输入了 route /i-am-a-jelly-donut,需要进行哪些更改才能使请求 1.) 继续通过Error404PageComponent.ts,但让用户的浏览器接收到新的i-am-a-jelly-donut.page.html而不是error404-page.component.html视图?

Error404PageComponent.ts仍然error404-page.component.html适用于每条未指定的路线。Error404PageComponent但是,除了每个非指定路由的逻辑之外,我们将添加逻辑以在内部为特定静态路由提供特殊处理。

这里的目标是能够处理静态路由,而不必为每个路由创建单独的组件。例如,考虑一个博客,其中大多数路由具有相同的模板,但每个博客条目中的内容不同。

0 投票
2 回答
48 浏览

javascript - 使用 Angular 7 在子组件中无法访问子行

我刚开始学习 Angular 7,对路由有点困惑。我在 app-routing 模块中创建了一个路由配置,并在 message-routing 模块中创建了子行。

我希望这些路线:

但是 messageComponent 内部的路由不可访问:

无法匹配任何路由。URL 段:“消息/新消息”

这些是我的配置:

应用程序路由.module.ts:

消息路由.module.ts:

app.module.ts:

这是我的文件夹结构:

我的 Angular 应用程序的文件夹结构

0 投票
1 回答
278 浏览

angular2-routing - Angular 7 将应用程序页面重定向到 index.html

是否可以使用 Angular 7 从应用程序中的任何其他模块页面重定向到index.html页面?

0 投票
1 回答
948 浏览

angular - Ionic 4 - 确定是否有可用的前向导航

我目前正在将 Ionic 1 应用程序升级到 Ionic 4。

我需要知道当前页面是否有可用的“forwardView”。这意味着我需要知道用户是使用“普通”转发链接还是使用“ion-back-button”(分别为浏览器后退按钮)访问该页面

在 Ionic 1 中,我们使用了“forwardView()”功能:http: //ionicn.com/docs/api/service/$ionicHistory/

代码看起来像这样:

如何使用 Ionic4 / Angular 7 中的路由器实现相同的功能?

0 投票
1 回答
141 浏览

angular - Angular 7嵌套延迟加载问题

我在我的项目 app.routing.ts 中使用嵌套延迟加载

和我的 user-panel.routing.ts

但是当我使用子路由时,我收到了这个错误

0 投票
0 回答
93 浏览

node.js - 如何将 2 个单独的 Angular 项目组合到同一个节点 API?

我的问题是我正在构建一个 Web 应用程序,我已经作为 Angular 7 项目单独完成了正常的前端工作,并且我已经完成了单独控制 Web 应用程序的管理面板,所以现在我有 2 个 Angular 应用程序和 1 个 Node.js 应用程序有 API

我要做的是在 www.domain.com 上进行前端设计,在 admin.domain.com 上进行管理面板

我一直在四处寻找太多,但还没有找到解决我问题的合适解决方案

另外,如果我想做的不是最好的解决方案,那么最好的解决方案是什么?

0 投票
0 回答
184 浏览

angular - 调用子路由时未调用angular7父解析器

这些是我的路线

父模块路由:

子模块路线:

我在两个组件中都需要“用户”,所以我已经将解决​​方案放在了父级上。现在的问题是当我从添加 UserAddEditComponent 重定向到未调用的 UsersListingComponent 解析器时。

我在 UserAddEditComponent 组件中有添加按钮,我像这样导航

刷新页面时,我得到所有“用户”,但只有旧用户,然后只更新列表数据。

有人可以帮我看看为什么会这样吗?

0 投票
1 回答
308 浏览

angular - 如何使用多个模块构建 Angular 7 应用程序

请参考附图以了解项目结构。这是一个非常常见的 Angular 项目结构,其中包含受 AuthGuard 保护的不同模块和一个共享模块,该模块将具有可在所有受保护模块中使用的所有核心功能。

我们的应用程序变得太大,根据我们的要求,用户无法访问所有模块中存在的功能。我确实觉得没有必要加载所有模块(它们被开发为使用延迟加载)。

我正在考虑提供一个中间件页面,其中将包含图块(基于权限的模块 1、模块 2 等),单击图块将加载仅包含选定和共享模块的角度应用程序。

Angular 7中有这样的规定吗?

感谢您的帮助。

在此处输入图像描述