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

angular - 重定向到路由后,它立即转到上一页

[routerLink]当使用带有或通过using 的锚标记重定向到路由时,它会返回到上一页code

示例:如果我extractedData从结果页面重定向到页面,它只会显示extractedData页面然后立即重定向到结果页面。这是我的路由模块。

0 投票
5 回答
6745 浏览

angular - 错误:无法匹配任何路由。URL 段:“游乐设施”

我收到此错误,但没有找到我错的地方。

路线如下,

app.component.html 是,

SideNavComponent HTML 是,

SideNavComponent 包含在工具栏下方显示 SideNavComponent 的子组件。

但是当我试图导航到 RidesComponent 时

http://localhost:4200/dash/rides

,我收到以下错误,

请纠正我哪里错了。

索引.html

0 投票
0 回答
367 浏览

node.js - Angular 6,部署用户 http-server 后路由不起作用

我有一个带有两页的示例 Web 应用程序。默认情况下,它将加载登录屏幕。当用户点击激活邮件时,它将进入注册页面。它在本地使用ng serve. 我发布了使用ng-build和托管使用http-server页面,它将进入登录屏幕。但是如果我点击邮件中的激活链接,它不会注册页面和它的错误

0 投票
2 回答
37 浏览

angular - 通往儿童的角度路线

Angular 基本路由问题:这是我的 app.module.ts 中的 Routes 结构

ManagerDataContainer组件中,我有某种数据结构,我想通过这样做从锚点路由到 SysUsersForm:

应评估为:

甚至

这是 ManagerDataContainer 的模板:

我不断收到:“错误错误:未捕获(承诺):错误:无法匹配任何路由。URL 段:'SysUsersForm'”

我究竟做错了什么 ?

0 投票
3 回答
27799 浏览

angular - 使用 routerLink 返回

我正在使用 routerLink 返回我的页面。

当前路线可以有 3 个级别:

另外,我有一些不同的组件,所以它不会总是父母,它可以是 parent1 或 parent2,也适用于子孙,例如:

我想要的是总是去上一个级别,例如:

我所做的是:

但它总是导航到“myurl.com”

我该如何解决?

正如一些用户所建议的,我正在分享我的路由配置:

在 app.routing.ts 中:

在 parent.routing.ts 中:

如果在浏览器中我写道:

但是单击后退按钮失败

0 投票
1 回答
1782 浏览

angular - Angular 6 Safari路由器相关错误

该网站可在 Chrome 和 Firefox 中运行。在 Safari 中,您可以导航到任何路由器页面 一次。第二次单击链接时出现以下错误:Error: Uncaught (in promise): SyntaxError: The string did not match the expected pattern路由器插座中未加载任何内容。您也可以直接加载任何网址,一切正常。问题总是在单击路由器链接之后。无论您关注哪个 url 或遵循什么顺序,路由器链接在崩溃之前只能工作一次。

这是路由模块。我很确定它不会提供任何线索,但哦,好吧......

0 投票
2 回答
365 浏览

angular - Angular中标签的href属性问题

我正在使用 Angular 来开发路由器功能,所以这里是来自 JSON 的数据,在 footer.html 下面使用 *ngFor 用于重复列表 json list.details。但是在 ng-container 中,我没有使用任何 href 属性,但在图像(附加)中,您可以看到动态嵌入了一些值,为此我的路由器无法正常工作:

但问题是当路由器更改 url 时它反映在 html 上,这是我不想要的。

在此处输入图像描述

0 投票
1 回答
532 浏览

angular - Angular:将 routerLink queryParams 设置为组件属性会导致错误

当我在 Angular2 中绑定queryParams使用时,出现此错误:routerLink

[错误] 尝试序列化值时出现异常

当我检查 DOM 时会显示此错误。链接根本不显示在页面上,所以这是我唯一的调试方式,因为控制台中也没有错误。

DOM 截图

组件代码

模板代码

当我这样做console.log(this.validUrl.query)时,我看到以下内容:

我在这里做错了吗?

0 投票
4 回答
170052 浏览

javascript - ERROR 错误:未捕获(在承诺中),无法匹配任何路由。网址段

我在 Angular 6 应用程序中有简单的导航,

这是HTML

这是 app.routing 模块

这是应用程序模块

当我运行我的应用程序并单击关于我们时,我收到以下错误:

我尝试了不同的组合来解决这个问题,但仍然无法摆脱这个错误,

我在我的代码中做错了什么?任何帮助都会有帮助谢谢

0 投票
0 回答
398 浏览

angular6 - 使用带有点击事件的 routerLinkActive

如何使用routerLinkActive点击事件和不使用routerLink?我在某处读到一起使用 click 和 routerLink 不是一个好习惯。我想在单击链接时设置一个活动类,并希望在将用户导航到单击的页面之前对单击事件执行一些业务功能。下面的代码没有设置类。