как получить данные из URL в Angular 7

Question

Я использовал один компонент для многих страниц в угловых. Я хочу отправить параметр из каждого компонента для отображения любых других данных. Поэтому я использовал этот код для вызова каждого компонента в Html:

<a  [routerLink]="['categories']" >Page1</a>
<a  [routerLink]="['categories']" >Page2</a>

Сейчас в маршрутах я использовал этот код

  {path:'Page1' ,component : ProductCategoriesPagesComponent ,data : {PageNo : 1}},
  {path:'Page2' ,component : ProductCategoriesPagesComponent,data : {PageNo : 2}}

Тогда я использовал этот код в ProductCategoriesPagesComponent

ngOnInit() {
    this.route.data
        .subscribe(data => {
          console.log("data",data);
        });
}

Но я получаю

data {}

В консоли. Пожалуйста, помогите мне, как я получаю параметры из маршрутов Если я ошибаюсь, покажи лучший способ для этого метода. Спасибо.

Answer 1

Вам нужно ввести ActivatedRoute и получить данные из снимка.

this.activatedRoute.snapshot.data['PageNo'];

Answer 2

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

this.route.snapshot.data['PageNo'];

Таким образом, вы можете сделать вышеупомянутое вместо подписки на наблюдаемое