Блог

Когда я добавляю элементы в параметры запроса, в URL отображается объект. Как я могу заставить его отображать элементы?

Это HTML:

 <form [formGroup]="submitForm" (ngSubmit)="checkOut(items)">
<input type="submit" value="Check Out">
</form>
  

Это компонент:

 public checkOut(items: any)  {
this.router.navigate(['check-out'], { queryParams: { items: this.items } });
}
  

Вот как выглядит URL-адрес:

http://localhost:4200/check-out?items=[object Object]amp;items=[object Object]

Вам придется выполнить некоторые дополнительные работы, чтобы он отображался в URL, возможно, попробуйте преобразовать его в JSON, прежде чем передавать его в queryParams.
Попробуйте это:

 public checkOut(items: any)  {
  this.router.navigate(['check-out'], { queryParams: { items: JSON.stringify(this.items) } });
}
  

Если вы хотите получить объект, вы можете проанализировать его с помощью

 JSON.parse(yourStringifiedObject)