參數 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-details/undefined 。 對於 {{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 不為空，你可以這樣嘗試 [routerLink]="['/task-details/'+ task.id]"