问题标签 [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 投票
1 回答
842 浏览

.net-core - 部署到 Azure 后,在 Angular 7 中使用 i18n 进行本地化不起作用

我正在关注此链接以使用 i18n 在 Angular 中实现本地化。

当我导航到“url/en”或“url/fr”时,它不是指向相应的目录文件夹,而是尝试搜索路由并给出以下错误消息。

我使用 VS2019 创建了这个 Angular 7 项目。对于后端,我使用的是 asp.net core 2.2 web api。

运行以下命令会在本地显示具有正确翻译的页面。

ng服务--configuration=fr

我的 angular.json 文件如下所示。 在此处输入图像描述

我的 Package.json 文件如下所示 在此处输入图像描述

我在 app.modules.ts 中以这种方式配置了路由

我以这种方式修改了 .csproj 文件。

这是我的目录结构 在此处输入图像描述

0 投票
1 回答
2340 浏览

angular - Angular 7:使用查询参数刷新页面导致路径不匹配

我正在使用 Angular 7。我正在尝试导航到定义的 URL 之一,并传递查询参数:

由于此调用,应用程序导航到localhost:4200/someurl?r=25. 到目前为止这看起来不错,但是在我刷新页面后,url 更改为localhost:4200/someurl%3Fr%3D25并导致控制台中出现此错误:

如何强制我的应用程序(或浏览器)不替换特殊符号(在我的示例中为“?​​”和“=”)?我知道这是我的错误的原因,但我不知道如何防止它。

0 投票
1 回答
349 浏览

angular - 懒加载模块路由找不到

我正在尝试将路由重定向到某个路径,而它是空的。但在第一种情况下,它获得了正确的路径,但在尝试再次重定向时抛出 404。

在 Breadcrumb 中,当点击 Parent 时,它会正确重定向,路线将是“/parent/child/child1”,在点击 Child 1 时它再次正常工作,但是在点击显示路线时出现“Child”问题“ /parent/child” 只是,但它应该是“/parent/child/child1” 路线,不知道我在这里错过了什么。我试图给它完整的路径(即)但仍然是同样的问题 {path: '', redirectTo: '/parent/child/child1', pathMatch: 'full'},

实际:它抛出 404 错误。预期:它应该重定向到 /parent/child/child1

0 投票
1 回答
336 浏览

angular7 - 如何在Angular 7中返回带有参数的路由

我在 Angular 7 中有一个简单的待办事项列表应用程序,我在其中添加了一个在“个人”和“工作”之间切换的按钮。这是切换的功能:

呈现列表后,用户可以选择编辑或添加待办事项。这将通过以下命令将他们带到详细信息页面:

我正在尝试更改路由命令以添加“showPersonal”参数:

我更新了路由模块以反映更改:

但是,通过此更改,它不再转到详细信息页面,而是默认为登录页面。

我究竟做错了什么?

0 投票
1 回答
76 浏览

angular - 我需要防止返回到您使用 NavigationExtras 状态数据的页面

我正在使用 Angular 7 路由器 navigationExtras 状态将数据(json)发送到页面,并且我想在向前导航时防止返回此页面。

我尝试在“recieverDataPage”中使用条件,所以当我没有数据时,它会返回上一页,但看起来很糟糕,我认为这不能算是好的做法。

我正在分享我在“dataPage”和“recieverDataPage”中使用的代码:

DataPage 传递数据代码:

recieverDataPage 获取数据代码:

我的导航历史是这样的:dataPage -> recieverDataPage -> anotherPage

当我从 dataPage 转到 recieverDataPage 时它工作正常,但是当我从 anotherPage 返回到 recieverDataPage 时,我应该存在的数据未定义,我想防止这种情况发生,可能会跳过 navigationBack 到此页面。

0 投票
1 回答
1044 浏览

angular - 延迟加载模块子级的角度路由问题

我在路由延迟加载模块的子模块时遇到问题,它在单击链接时重定向,但在刷新时显示 abc/runtime.js

它重定向但在刷新时会出现此错误

应用模块路由

]

延迟加载模块路由

0 投票
4 回答
6364 浏览

angular - 如何在角度 7 中对 getCurrentNavigation().extras.state 进行单元测试

我正在尝试使用 jasmine 为 getCurrentNavigation().extras.state 编写单元测试。

为了解决这个问题,我试图窥探这个路由器方法。

我的组件文件,

我的规格文件,

但我收到以下错误,

谁能帮我解决这个问题。我在用着Angular 7.2

0 投票
0 回答
38 浏览

angular7 - 使用 Google 图表的 Angular 应用程序在前往新路线时受到打击

我通过参考 google charts 在我的 angular7 应用程序中集成了google 图表。但是,如果我通过路由应用程序响应很晚从图表页面转到新页面(感觉应用程序被击中了几秒钟)。

我的 Angular 应用程序是 JHipster 应用程序。

0 投票
1 回答
399 浏览

html - 如何在 Angular 中的每条路由上加载加载器

您好,我想在每个路由链接上放置加载程序,当路由链接更改时显示加载程序,直到其所有组件都没有加载 api 数据。

组件结构

在里面<router-outlet></router-outlet>我有其他子组件,它的数据来自 api。

所以我的问题是如果页面加载加载器在所有组件加载动态(api)数据后显示和隐藏,我不能明智地为页面(路由)放置加载器

0 投票
1 回答
20 浏览

amazon-web-services - 在页面重新加载 ionic 4 应用程序不允许键入任何输入

我们有 ionic 4 web 应用程序,此应用程序部署到 AWS 即 www 文件夹。当我打开应用程序时,它会打开并且我可以执行所需的操作,但是当我重新加载应用程序时,我无法键入任何输入并从段导航应用程序完全被阻止,不知道为什么这只发生在我的系统中。是组件延迟加载的问题还是我正在使用的浏览器的问题?

当我右键单击并在 chrome 浏览器上进行检查时,块被释放,我可以键入输入并浏览应用程序。

请帮我解决这个问题。我提到了我正在测试这个应用程序的系统配置。到目前为止,我已经尝试使用 76.0 版本的 chrome 和 44.18362 版本的 microsoft edge 浏览器,我的系统配置是操作系统:Windows 10、64 位操作系统,处理器:i7,RAM:8GB