Получение неверных данных на консоли

Question

Я просто передаю некоторые данные в виде URL и пытаюсь перейти на следующую страницу с URL. Но получение данных в неправильной переменной.

vendor-action.component. html

<tr mat-header-row *matHeaderRowDef="['nVendorId','change_column','change_type','Timestamp','status','requestid']"></tr>
 <tr class="rowhover" (click)="displayData(row.change_column,row.nVendorId,row.requestid)" mat-row *matRowDef="let row; columns: ['nVendorId','change_column','change_type','Timestamp','status','requestid']"></tr>

vendor-action.component.ts

displayData(col,id,rid)
{
 this.router.navigate(["/home/vendor-action/approval",col,id,rid]);
}

compatibility.component.ts

ngOnInit() 
  {
    this.col=this.activatedRoute.snapshot.paramMap.get('col');
    this.id=this.activatedRoute.snapshot.paramMap.get('id');
    this.rid=this.activatedRoute.snapshot.paramMap.get('rid');

    console.log(this.col);
    console.log(this.id);
    console.log(this.rid);
  }

Я получаю значение "rid" в "col", "col" в "id" и «ноль» в «избавить». Почему это происходит? Что-то не так в этом?

Answer 1

добавить эти 3 переменные в информацию о маршруте