为什么routerLink会产生“破碎”的问题。 url里面的超链接

Question

我有这个带有routerLink指令的按钮，当我点击它时它工作正常：

 <button type="button" class="btn btn-secondary" [routerLink]="['/companies', id, 'departments', 'edit', t.id]">Edit department</button>

然后我有这个超链接：

<a class="nav-link" routerLink="['/companies', id, 'departments']" routerLinkActive="active">Show departments</a>

当我将鼠标悬停时，创建的网址不是我的预期。

我有的网址：http://localhost:4200/#/%5B'/companies'%2C%20id%2C%20'departments'%5D

1。）为什么routerLink创建的链接/ url的输出不同？这两种方案都必须创建一个有效/可用的URL才能导航到。

2.。我该如何解决这个问题？

Answer 1

您必须在两种情况下使用括号，否则它只会解析您输入的字符串：

[routerLink]="['/companies', id, 'departments']"