问题标签 [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 回答
57 浏览

typescript - Angular 7:ActivateRoute 捕获 paramId 获取空值

我想订阅我的praramID页面加载时间,但我尝试console.log()它正在返回null。我正在使用 Angular 7。

这是我的打字稿:

这是我的路线:

我不确定我的代码是否正确,但是null当我尝试时它会返回,console.log() 你们能帮我弄清楚吗?

它应该在控制台中返回 en。

0 投票
0 回答
88 浏览

angular7 - 如果 Angular 中的页面刷新进入递归,则防止路由到辅助视图

我正在开发“如果在 Angular 中刷新页面,则阻止路由到辅助视图”代码:https ://www.bennadel.com/blog/3368-prevent-routing-to-secondary-view-if-page-refresh-in- angular-5-0-0.htm

我已经开发了下面的代码,但是代码正在递归,并且相同的 Guard 继续在递归中执行。

注意:如果用户手动键入不存在的路由并在页面上刷新正确的路由,我想停止吗?

0 投票
1 回答
246 浏览

angular - 如何使用具有 7/8 角度的语言环境和 fullCalendar

我在我的角度对象上使用 fullCalendar,我想将我的日历更改到另一个位置,但我不明白如何做到这一点,fullcalendar 文档没有多大帮助,我正在尝试制作这个,但我不能:

在此处输入图像描述

0 投票
4 回答
3407 浏览

javascript - 打开特定路线时,Angular如何隐藏全局组件?

我不确定这是否可行,但我想在打开特定路线时隐藏一个全局组件。

比如说我有以下内容:

app.component.html

应用程序路由.module.ts

有了这个,当我想查看 StudentList 组件时,默认情况下 url 变为 localhost4200:/StudentList 并且与 SchoolMotto 相同,它变为 localhost4200:/SchoolMotto。

在 StudentListComponent 中,是一个显示学生列表的 ag-grid,当您单击其中一个学生时,url 变为如下所示:localhost4200:/StudentList/view/cf077d79-a62d-46e6-bd94-14e733a5939d 及其另一个子- SchoolList 的组件,显示该特定学生的详细信息。

当 url 有这样的内容时,我想隐藏全局横幅组件:localhost4200:/StudentList/view/cf077d79-a62d-46e6-bd94-14e733a5939d。仅当用户查看学生的具体详细信息时。

像这样的东西:

app.component.html

这是可行的还是不可行的?如果是,怎么做?

0 投票
0 回答
39 浏览

angular - 如何以角度处理路由参数?

我的应用程序在单击按钮时重定向到“localhost:4200/teams/team1”,在该按钮上我初始化了 paramValue(name) 并且也在加载正确的组件,但是当我刷新浏览器时,它无法获取路由参数值(name)它重定向到 PageNotFoundComponent。请帮我找到解决方案。

0 投票
0 回答
52 浏览

angular - 当我尝试刷新现有页面时,我的路由不起作用

我已经使用 angular 7 完成了我的路由,如果我使用菜单键跟随路径,它工作正常。但是,如果我在一个页面上并尝试刷新浏览器,它会给我 404 错误。同样,我不能直接访问任何单个页面,我必须使用按钮访问所有页面。我的代码示例:这是我的路由文件的一部分

我的索引具有 bas ref 为:

我正在使用以下内容访问 component2:

它工作正常我得到了网址:localhost:8091/myforms/home,当我点击按钮时它会打开。但是如果我刷新我的页面,它会给我 404。

如果您对此问题有任何了解,请帮助我。先感谢您。

0 投票
1 回答
548 浏览

angular - 角度 7 在路线上调用服务方法

我在 Angular 7 应用程序中有以下路线。

现在,当用户在地址栏中键入不存在的 url 时,我想注销用户(使用 中定义的函数auth.service.ts),然后将用户重定向到根 url。

是否可以在路由器本身中执行此函数调用+重定向,而不是编写类似的虚拟组件PageNotFound?我不想有一个额外的组件,因为所有要做的就是,iiuc,在 ngInit 上,它只会调用该logout函数。有什么办法可以做到这一点?

0 投票
1 回答
900 浏览

angular - Angular Router Navigate 正在重新加载延迟加载的父组件

我有模块A,它是延迟加载的,并且有以下给定的组件及其路由;

JobViewComponent 的内容如下所示;

当我使用路由器导航导航到任何同级路由时,例如通过单击来自AssignedCandidates的链接导航到AppliedCandidates使用,

它还会继续重新加载JobViewComponent组件,这在急切加载情况下不会发生。任何有助于避免重新加载此组件的开销的帮助将不胜感激。

编辑: 实际上,它可以工作,但问题是它也会重新加载父组件,即(JobViewComponent),如果我不延迟加载此模块,则不会发生这种情况。我深入研究了这个问题并知道这是因为一些常见的包以默认单词为前缀,如下所示。 在此处输入图像描述

它加载了两个以默认单词为前缀的额外包。如果没有加载这些包,我的问题不会发生。我认为这是因为候选模块的某些服务正在其他延迟加载的模块中使用。任何帮助解决这个问题将不胜感激。

0 投票
1 回答
870 浏览

angular - 错误:使用 ng serve --aot 时找不到模块

我将我的 Angular 项目从 6 迁移到 7,我正在使用延迟加载机制来加载模块。但是,当我使用 aot true 进行生产构建或为项目提供服务时,会ng serve --aot 出现以下错误。

错误:未捕获(承诺):错误:找不到模块'app/modules/home/home.module'错误:找不到模块'app/modules/home/home.module'

这是我的 package.json

这是我的 app.routing.module.ts

这是我的目录结构

最后这是我的 tsconfig

使用 aot false 构建工作正常。但我真的需要解决这个问题。我也尝试过使用绝对路径和loadChildren: () => HomeModule. 有什么建议么?

0 投票
1 回答
287 浏览

angular7-router - 无法读取未定义的属性“loadChildren”

以下是我的路由器页面:


当我第一次运行该项目时,它给了我上述错误。

注意:我正在实施延迟加载方法。