参数 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-details/undefined。对于 {{task.description}} 它显示正确的值。如何重写 receive: task-details/1 的 routerLink？

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

参数 URL 请求，未定义

Parameters URL request, undefined

angular-ui-router

angular