参数URL请求，未定义

Question

我希望有一个按钮可以将我重定向到这样的网址： task-details / 1

为此，在HTML中，我做了这样的事情：

  <ul *ngFor="let task of tasks" class="list-group list-group-flush">
     <li class="list-group-item">
         {{task.description}} <button class="btn-success" [routerLink]="['/task-details', task.id]"></button>
     </li>
  </ul>

路由器：

{path: 'task-details/:id', component: TaskDetailComponent}

当我点击按钮时，我收到：任务细节/未定义。对于{{task.description}}，显示正确的值。我该如何重写routerLink以接收：task-details / 1？

Answer 1

尝试一下：

  <ul *ngFor="let task of tasks" class="list-group list-group-flush">
     <li class="list-group-item">
         {{task.description}} <button class="btn-success" routerLink="/task-details/"+task.taskId></button>
     </li>
  </ul>

Answer 2

如果task.id不为null，您可以尝试这样[routerLink] =“ ['/ task-details /'+ task.id]”