angular - 参数 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}}，它显示了正确的值。如何重写 routerLink 以接收：task-details/1 ？

标签： angularangular-ui-router

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>