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

angular - Angular 2 rounterLink add handler

I have routerLink used in my template like this:

Is it possible to add a handler that would intercept that event and perform some action - like logging click - before routing takes place ?

0 投票
1 回答
741 浏览

angular - 强制RouterLink不要更改Angular 2中的href

我有多个命名的插座和 routerLinks 来为 Angular2 组件中的其他组件提供插座。

当应用程序启动第一个链接的 href 时

/articles/1/1/(articlesOutlet1:article//articlesOutlet2:news)

点击这个链接后,它的href变成了

这是一个糟糕的链接。我不想改变href。如何实现?

完整示例在这里 http://plnkr.co/edit/EJOANe?p=preview

0 投票
1 回答
1419 浏览

angular - Angular 2 routerlinks 工作,但浏览器 url 输入路由不工作

我正在尝试使用本教程作为示例在 Angular 2 ASP.NET 解决方案中设置路由: https ://angular.io/docs/ts/latest/tutorial/toh-pt5.html

我已经接管了本教程中与路由相关的所有内容,但我没有得到想要的结果。UI 中的路由器链接有效,但在浏览器的 url 栏中输入路由 url 会出现 404(未找到)错误。首先单击 Invoices 链接会将您带到 localhost/Invoices,但之后刷新会产生 404。

项目可以在这里找到:链接已删除

代码的相关部分:

应用程序路由模块.ts:

app.module.ts 有:

app.component.html 带有 router-outlet 标签:

index.html 以:

模板中有另一个带有 router-outlet 标签的组件 (ui.component.html),但删除标签并不能解决问题。

还有什么我可能会丢失的吗?

0 投票
1 回答
105 浏览

angular - 已关闭 - angular2 语义-ui 下拉列表在路线更改时失败

(第一次发帖……抱歉有任何错误)

我一直在玩 Angular2 和 Semantic-UI 下拉菜单。因为已经两天了,所以我失去了理智,我无法弄清楚问题所在。

当它运行它调用的 ngAfterViewInit 时,我有一个组件“dropdown.component”

当我第一次重新加载页面(使用一个或多个 dropdown.component)时,这非常有效,尽管当我使用 router.navigate、routerLink 访问页面或简单地返回到存在 dropdown.component 的页面时,尝试初始化第一个下拉菜单后浏览器冻结。

有什么想法或指导方针吗?

(谢谢)

0 投票
1 回答
920 浏览

angular - angular 2 routerLink 无法重新访问

我的应用程序中有以下代码。第一次单击锚元素时,导航起作用。它加载了相应的目标组件,一切都很好。但是,当我再次单击锚元素时,地址栏中的 url 会发生变化,但相应的目标组件不会触发。为什么会这样?

0 投票
2 回答
321 浏览

javascript - 角度2在路线中传递参数

我有一个组件,我需要在单击按钮时将数据传递给另一个组件,所以我[routerLink]在锚点中使用了这样的属性

在 app.route.ts 中定义了对应的路由

在完美的世界中它应该可以工作,但它不会因为它给出一个错误说

zone.js:355Unhandled Promise 拒绝:不支持纯函数的参数数量:11;区域:; 任务:Promise.then;值:错误:纯函数的参数数量不受支持:11(...)错误:纯函数的参数数量不受支持:11

我对此进行了研究,发现当内联模板中有 10 个元素时 angular2 路由器失败,我通过删除 URL(detail10)中的最后一个参数进行了尝试并且没有错误。

问题是如何使用 [routerlink] 在 url 中传递这些大量参数,或者我应该使用不同的方法将数据从一个组件传递到另一个组件?

0 投票
4 回答
17318 浏览

angular - 路由器链接不适用于共享模块内的组件

我编写了一个名为“客户”的模块,它有几个组件,如登录、主页和注册。现在我创建了一个共享模块,它也有 2 个组件,例如页眉和页脚。由于页眉和页脚将由客户模块中的所有组件共享,因此我将它们放在共享模块中。共享模块被导入到客户模块。

现在有一个路由器链接指向客户模块内的组件。那些路由器链接不会被解释为 href。但是,如果我将这些页眉和页脚组件直接放在客户模块中,那么这些路由器链接就会被解释。

我在下面包含了代码片段。

共享模块文件

客户模块文件

头组件html

客户路由模块

0 投票
4 回答
159385 浏览

angular - [routerLink] 和 routerLink 的区别

[routerLink]和 和有什么不一样routerLink?你应该如何使用每一个?

0 投票
1 回答
801 浏览

angular - Angular 2 - 如何将参数传递给绑定属性的 routerLink?

我很难找到一些关于如何在我的 routerLink 中将绑定属性作为参数传递的文档。

有没有办法做到这一点?我目前收到以下错误:

谢谢你们!

0 投票
2 回答
965 浏览

html - Angular2中对象的routerLink

我正在尝试从 JSON 数据构建“团队成员”页面。

我可以使用名字、姓氏、职位等基本内容创建页面。

每个团队成员都有自己的页面,其中包含更多信息

我想不通的是如何将团队成员的 url 包含到我的 [routerLink] 中。

我的路由器链接看起来像我在路由中设置的

这就是我尝试使用它的方式

请问对此有什么想法吗?

当我试图包含团队成员的照片时,它也很糟糕

然而,一次一件事!

谢谢

全球气象站