参数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

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

Answer 2

尝试一下：

  <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>