问题标签 [angular-routerlink]

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 回答
595 浏览

angular-routerlink - 在星云中如何将 routerLink 应用于用户下拉列表

我想为使用从控制器加载的 nb-action 编码的下拉列表添加一个链接。

在此处查看屏幕截图

我尝试在参数中添加 routerLink 或链接,但没有运气。 userMenu = [{ title: 'Profile' }, { title: 'Log out' , link: '/login'}];

使用 ngx-theme 和 nebular 在 angular6 编码

0 投票
1 回答
1732 浏览

angular - 如何根据路线添加课程 | 角 6

当用户通过单击导航栏模块上的链接更改路线时,我在获取 url 的当前路径时遇到了一些问题。每次用户点击导航模块上的路由链接时如何获取当前 url 路径。我需要在 navigation.ts 脚本上获取它。我现在有什么: TS:

它有效,但每次循环 8 次。我正在研究角度 6

0 投票
1 回答
2857 浏览

angular - 以角度更改零件路由时重新加载组件

我使用角度 6。

我有显示产品列表的 ListComponent。

我的路由

一个标签

现在,当我在 HomeComponent (/home) 中单击“/list/car/bmw”时,它可以工作并呈现 ListComponent。但是当我在 ListComponent (/list/car/benz) 中单击“/list/car/bmw”时,这不起作用并且不会呈现 ListComponent。

0 投票
1 回答
784 浏览

angular - Angular 7 激活的路由在刷新后全部激活

当我重新加载/刷新我的应用程序时,会显示菜单栏中的路线,并且所有项目都设置为active. 我已为路线配置:

在我的菜单栏中,我将代码简化为以下内容:

其中包括我的路线两次 - 几乎相同 - 除了第二个代码动态生成项目。第一个在刷新后正确选择项目,而第二个失败。

根据文档 routerLink可以用作字符串

任何人都可以解释为什么第二个失败?

编辑: 按要求提供图片

在此处输入图像描述

但是我选择了另一个链接后内容还是一样!比所有链接都正确呈现!

编辑2

我能够重现该错误。主要问题是评估routerlink太晚了,我遇到了同样的问题,就像已经报告的错误一样。

我当前的解决方法:最初设置userName:-/

0 投票
0 回答
331 浏览

angular - 为routerlink url添加书签并返回它不起作用

我有一个带有路由器链接的 Angular 4 应用程序,它工作正常。我的根是 localhost:4000。当我单击 routerlink 时,它会将我带到 localhost:4000/cts 之类的地方,并且一切正常。我的问题是,如果我的用户将 localhost:4000 加入书签,他们可以返回它。如果他们在单击 routerlink 上的任何内容后添加书签,它将保存为 localhost:4000/cts 而不仅仅是 localhost:4000,它将加载索引页面。当他们返回 localhost:4000/cts 时,我得到一个无法获取的无法获取 /cts。

如何配置应用程序以使其正确加载?

这是我的路线。

0 投票
1 回答
1057 浏览

javascript - Angular 6 + Routes Resolver = 生产中的 404 页

我是来自 rails 的 Angular 社区的新手;我正在一个网站上工作,我可以在其中发布我的客户网站的案例研究。到目前为止,我很喜欢 angular,但我遇到了一个让我有点担心的问题。我似乎无法使用超链接来引用任何项目的问题。例如,如果您单击应用程序将返回 404 状态,但如果您从根页面开始,一切都会运行没有问题。

我尝试过的解决方案

  1. 在加载页面之前向路由添加解析器以获取数据;它可以工作,但仍然没有超链接。

谁能帮我弄清楚我错过了什么或做错了什么?

以下是我的代码;任何帮助,将不胜感激

  1. 项目服务.ts

  1. 项目.component.ts

  1. 申请途径

0 投票
3 回答
6855 浏览

angular - Angular - 获取当前激活的路线并使用不同的路线参数重新导航到同一页面

在更改标题中搜索文本框中的 itemCode 后,我试图获取当前路线并导航到同一路线。当我最初来到页面时,父路由是“iauth/iauthedit/1706”,然后用户导航到子路由“/info”,还有其他几条用户可以从侧面导航栏导航的路线,如下图所示. 如图所示,当我将应用程序标头中的项目代码更改为 1853 时,URL 应更改为“iauth/iauthedit/1853/info”,如何根据当前路由 URL 动态更改浏览器 URL 路由参数浏览器?,我正在尝试从浏览器 URL 中找到当前场景父级“iauth/iauthedit/”中的当前激活路由,以便进行导航

this.router.navigate(['iauth/iauthedit/', 1853];

图片

以下是目前的路线:

0 投票
1 回答
712 浏览

angular - 如何为 routerLink 设置不同的颜色,在 Chrome 上,它的白色与背景相同,因此文本不可见

如何为 routerLink 设置不同的颜色,在 Chrome 上,它的白色与背景相同,因此它的文本不可见。

0 投票
1 回答
531 浏览

angular - Angular 7.xx 仅使用 routerLink 重新路由

我被分配到 Angular 的这个工作项目。我们有一些组件具有指向我们的条款和条件页面的链接,但这些页面是严重嵌套的。

见下文:

创建-order.component.html:

创建-order.component.ts:

订单路由.module.ts:

我的问题围绕路径,我需要使用 routerLink 来重新路由浏览器,但是所述链接嵌套在:

我试过的:将术语路由和相应的组件作为子组件插入到路由数组中,但它给出了一个错误:

我已经观看并阅读了很多关于路由的教程和文档,但它们并没有像这样接近。仅使用 routerLink 怎么能做到这种“重定向”?禁止使用“点击”功能进行重定向!

先感谢您!

0 投票
2 回答
13419 浏览

typescript - Angular 7.xx 滚动到片段的最简单方法?

在过去的两天里,我一直在通过 internetz 挖掘关于将片段滚动到有角度的视图中。

假设我们有一个静态网页,其中包含一堆充当片段的 id-s。并有一个侧导航栏来浏览带有链接的片段。

我试过路由器anchorScroll,只是将添加到模块中对我没有任何作用。它只是为您提供 URL 中的片段,但没有滚动。

我试过viewportScroller。这样做的主要问题是它第一次不起作用(例如:您被重定向到此静态页面并带有所需的片段,但滚动没有发生,如果您一直在同一页面上并重复该过程,如果您单击与您正在访问的网址相同的侧导航栏上的链接,它就可以工作: ([foo]/[bar]#[fragment])它也不起作用,因为没有更改导航。

用于路由器的额外选项:

ps.: useHash: true 没有改变什么。

ngOnInit 内的 viewportScroller:

没有滚动到片段的最简单方法是什么!!!使用这个:

b/c 每次都有效,但不是 TS,因为我们在公司的项目中使用 TS。

请帮帮我