问题标签 [angular2-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 投票
5 回答
16271 浏览

angular - 使用正则表达式作为 angular2 中路由的路径值

我想为我的 angular2 应用程序配置路由。我的网址需要是这样的:

http://domain_name/constant_value/variable_value/constant_value

url 可以类似于以下示例:

http://localhost/myhouse/floor1/mirror

http://localhost/myhouse/floor1/room1/mirror

http://localhost/myhouse/floor1/room1/bathroom/mirror

这里的路线/myhouse/mirror是不变的。但中间部分可以是/floor1/floor2/something/something/....

如何在路由模块中为其定义路由。

如果url末尾有/mirror ,则必须加载镜像组件,如果没有,则应加载登录组件。将为上面显示的 url 加载镜像。根据 url 的可变部分,每个镜像组件内部都会有不同的属性值。

对于登录组件 url 将如下所示:

http://localhost/myhouse

或者

http://localhost/myhouse/floor1

或者

http://localhost/myhouse/floor1/bathroom1

我想使用正则表达式,但似乎较新版本的 angular2 不支持正则表达式。如果我不能使用正则表达式是错误的,请举个例子指出我的方向。如果没有,请指出我正确的方向。

0 投票
1 回答
3937 浏览

angular - 内部带有路由器链接的 NgFor 按钮

我想问是否有办法做到这一点

在我的路由器模块中,

0 投票
0 回答
276 浏览

angular - 角度 2 - 从 json 加载的 ROUTES 中的“未找到组件的组件工厂”(即使使用 entryComponents 配置)

我的应用程序需要基于用户动态加载路由,因此路由路径作为 json 从数据库接收并使用 JSON Parser 解析为 Routes 对象。loadChildren如果使用参数而不是参数,则动态路由配置运行良好component,因此在这种情况下,应用程序路由到/dash/contacts成功工作,但是当路由到\home应用程序抛出

错误 :No component factory found for HomeComponent

我也尝试过配置inHomeComponent文件,但问题没有解决entryComponents: [HomeComponent ]NgModuleapp.modules.ts

路线Json:

Json 到路由

0 投票
1 回答
889 浏览

angular - 在 Angular2 中使用 QueryParam 处理路由

我的应用中有两条路线

我必须做些什么才能让它们工作?

带有查询字符串?cInfo=askjdfkajsdfkasd的路由应该转到PostComponent

和 Route 之类的活动/skjdfhakjdfhaajsdf应该转到PostDetailComponent

我试过

但每次调用 1。守卫返回布尔值。

角度是否像大多数 MVC 那样区分 queryParams 和 pathVariables?

0 投票
1 回答
2366 浏览

angular - 如何让 Angular 2 记住滚动位置?

我在第 1 页,我滚动页面的一半,然后单击一个链接,通过 Angular 路由器将我带到第 2 页。当我点击“后退”按钮时,我希望将第 1 页向下滚动一半,就像我离开该页面之前一样。

最简单的方法是什么?

0 投票
12 回答
56334 浏览

angular - 获取不带参数的当前路线

我需要在 Angular 2 中获取没有参数的当前路线,我找到了一种使用参数获取当前路线的方法,如下所示:

然后拆分它:

但这看起来是一种解决方法,我认为应该有更好的方法?

0 投票
0 回答
64 浏览

angular - 将 Angular 2 路由器组件作为同级 DOM 元素

我需要将路由器组件放置为兄弟而不是嵌套视图,我该如何实现?

在此处输入图像描述

0 投票
2 回答
1871 浏览

javascript - 刷新路由使用 angular2 路由器指向默认路由

我正在使用 angular2 路由器为我的应用程序配置路由这是我的代码片段。

header.component.html

header.component.ts

索引.html

这是我在 app.module.ts 中的路由。导航到 changepassword 路由后,我的 url 是http://localhost:4200/#/changepassword。当我刷新我的页面或在新选项卡中打开此 url 时,我的 url 将重定向到http://localhost:4200/#/dashboard(默认路由)。

刷新页面后我需要获得相同的路线,或者如果我将路线复制粘贴到另一个选项卡中,我需要获得相应的路线。

请帮我。提前致谢。

0 投票
1 回答
4713 浏览

angular - 如何使用angular2将输入值传递给不同的路线?

所以我有两个组件,HomePageComponent 和 StudentsViewComponent。在 HomePageComponent 我有一个输入标签:

我想使用参数将此输入的值传递给 studentsViewComponent。

它重定向到正确的路线,但参数为空。该值始终为空,我不确定为什么。

这是我的路线:

不知道为什么参数是空的。

请帮忙

0 投票
1 回答
824 浏览

angular - Angular:允许加载独立的 html 文件

我正在使用 oidc-client.js 静默续订功能,需要加载独立的 html 文件才能完成续订过程。

现在,每个带有开发服务器主机(fe http://localhost:4200/silent-renew.html)的 url 都被 angular router 连接并相应地处理到路由表,所以我一直在默认页面而不是静默更新页面上结束。

有没有办法告诉 Angular 不处理那个具体的 url,所以可以加载普通的 html 页面?