Как проложить маршрут после нажатия на строку таблицы матов - PullRequest
Новая
       5

Как проложить маршрут после нажатия на строку таблицы матов

0 голосов
/ 04 апреля 2020

Я не могу выполнить маршрут после щелчка по строке таблицы матов. Это не показывает какую-либо ошибку. В URL-адресе путь изменяется следующим образом: «http://localhost: 4200 / vendor-list » на «http://localhost: 4200 / vendor-list / vendor ». Но та же страница (таблица) показывает. Ниже я прилагаю свой код, может ли кто-нибудь помочь, если я сделал что-то не так в этом

vendorlist.component. html

<tr mat-header-row *matHeaderRowDef="ordersDisplayedColumns"></tr>
        <tr (click)="displayData(row)" mat-row *matRowDef="let row; columns: ordersDisplayedColumns;"></tr>

vendorlist. component.ts 

export class VendorlistComponent implements OnInit {

  constructor(private router:Router) { }

  displayData(row)
  {
    console.log(row);
    this.router.navigate(["/vendor-list/vendor/"]);
  }
}

myroute.module.ts 

{path:'vendor-list',component:VendorlistComponent,canActivate:[AuthguardGuard],
children:[
  {path:'vendor',component:VendorComponent,canActivate:[AuthguardGuard]

]}

Для тестирования я поместил селектор перед своей таблицей. затем отображалась страница, но ниже моей страницы, та же таблица предыдущей страницы также показывала

1 Ответ

1 голос
/ 04 апреля 2020

Вы должны изменить маршрутизацию, как показано ниже: 

{path:'vendor-list',
 children:[
   {path:'vendor',component:VendorListComponent,canActivate:[AuthguardGuard]},
   {path:'vendor',component:VendorComponent,canActivate:[AuthguardGuard]}

 ]}

Если вы хотите изменить весь контент, вам нужно добавить родительский компонент в дочерний массив как '' path.

Если вы хотите чтобы использовать некоторый контент из родительского компонента, тогда вы должны использовать router-outlet, и ваш конфиг подходит для этого.

...