Параметры URL запроса, не определены

Question

Мне нужна кнопка, которая перенаправляет меня на URL-адрес, например: 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

вы можете попробовать вот так, если 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>