routerLink 没有正确生成 link

Question

此 html 按钮具有 routerLink 属性：

<button [routerLink]="['/projects', 'edit', project?.id]">E`enter code here`dit</button>

结果 link:

  router-link="/projects,edit,1011"

我无法从文档中看到：https://angular.io/docs/ts/latest/api/router/index/RouterLink-directive.html

我做错了什么。

这个样本和我的差不多：

['/team', teamId, 'user', userName, {details: true}]

我做错了什么？

Answer 1

据我所知，routerLink 需要在 link 元素上。比如这样：

<a class="btn btn-primary" 
  [routerLink]="['/productEdit', product.id]">
  Edit
</a>

Answer 2

RouterLink' 输入是一个字符串数组，所以在 html:

<button [routerLink]="routerLink">My button</button>

TS:

routerLink = project.id ? ['/projects', 'edit', project.id] : ['/projects', 'edit']

Answer 3

您可以将代码与按钮点击相关联，然后然后使用如下方法路由：

onSaveComplete(message?: string): void {
    if (message) {
        this.messageService.addMessage(message);
    }
    this.reset();
    // Navigate back to the product list
    this.router.navigate(['/products']);
}

routerLink 没有正确生成 link

routerLink does not generate the link correctly

angular-routing

angular