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

angular - 如何在 [routerLink] 角度 2 中传递路由参数

我正在尝试使用 angular 2 创建一个应用程序,并希望通过参数在 [routerLink] 中标记 a,我希望创建一个这样的链接:

我不知道如何传入cell模板...

0 投票
2 回答
34311 浏览

angular - Angular中具有多个参数的RouterLink

我想用多个参数创建一个指向路由的链接并将它们绑定在模板中。到目前为止,我一直在通过在(click)事件上执行函数来做到这一点,但我想知道它是否可能在RouterLink' 绑定中。

这是我用来绑定参数的函数:

我的路线看起来像:

我能做同样的内部routerLink指令吗?

0 投票
4 回答
159385 浏览

angular - [routerLink] 和 routerLink 的区别

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

0 投票
6 回答
10192 浏览

angular - Angular - 根据兄弟RouterLinkActive将样式应用于元素?

我的应用程序上不仅有一个菜单栏需要在用户导航时绘制,我还有另一个组件也需要绘制。我可以通过使用来实现这一点routerLinkActive吗?

菜单.html

这个菜单很好用。但我要问的是如何利用放置在其他 HTML 标记中的 routerLinkActive 属性。喜欢:

main.html

0 投票
1 回答
2352 浏览

angular - routerLink在url中添加问号?

我想要这样的路线:www.test.com?procesId=12

这是我当前的路由器链接:

但是现在我得到了这个值:

任何建议我如何添加?procesId = 12网址routerLink

我试过了:

但我没有在 url 中得到问号,而且我得到一个错误:

无法匹配任何路由。

我知道当我使用参数时我会得到问号,但我想将它与 routerLink 一起使用,因为这就是他们在这个项目中使用它的方式。

0 投票
1 回答
1051 浏览

angular - 单击禁用按钮上仍在运行的副作用

我正在使用 mat-icon 作为按钮,我想禁用其中一些:

我的问题是设置了 disabled 属性,还设置了样式,但是如果我单击 mat-icon routerLink 工作。

为什么不禁用?

0 投票
1 回答
1408 浏览

angular - Angular4 - 父子 - 母版页(页眉、内容、页脚),如实现

标题组件中有一些链接,当我单击任何链接时.. 该链接的相应数据必须显示在另一个名为 app-Content 的组件中。但数据仅显示在标题组件中......而不是在内容组件中。

我正在尝试实现类似母版页的东西,我们有顶部导航栏、内容和页脚......当点击顶部导航栏中的任何链接时,该链接的内容应该显示在中心(这是内容组件)。

我当然遗漏了一些东西,或者它的实施方式是错误的......请告知。

这些是我拥有的组件。

Index.html 有参考

这是来自 root.component.html

header.component.html

app-module.ts 还注册了路由.. 所以如果我点击链接 Page1 或 Page2 - 注意:路由工作正常......那里没有问题。

0 投票
1 回答
5538 浏览

angular - 创建一个指向出现在命名中的子路由的 routerLink

我有一些<router-outlet>可以通过 url 导航到的名称,如下所示:(outletname:path)

我已经能够创建一个routerLink这样的:

你可以看到我必须提供outletnamein [routerLink]。我想要的是通过变量提供插座名称。我正在尝试遍历可能使用不同命名的子路由集合<router-outlet>

那么有没有通过像这样的变量提供出口名称..?

0 投票
3 回答
7669 浏览

angular - Angular.io [routerLink] 传递可选动态参数

我正在尝试动态构建导航链接,该链接也具有可选参数

下面是路线:

如果路径是:

那么如何动态构建路由器:

如果我在编辑位置传递空,它应该导航到详细组件但它给出错误,我该如何解决这个问题。

0 投票
0 回答
478 浏览

html - routerLink 在 mat-sidenav 中不起作用

我的项目中有一个 mat-sidenav,我想将文本链接到另一个 URL,但是当我使用 routerLink 时它不起作用,但它可以在 side-nav 之外工作。它甚至可以在工具栏中工作。问题是什么?这是我的代码: HTML: