Question

这个带有routerLink属性的html按钮：

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

导致此链接：

  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

您可以使用以下方法关联按钮并使用然后路线关联代码：

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

Answer 2

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

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

Answer 3

RouterLink＆＃39; input是一个字符串数组，所以在html中：

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

TS：

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

routerLink无法正确生成链接

3 个答案: