Передать параметры маршрутизатора компоненту

Question

В mainComponent моего англоязычного сайта я читаю параметр url следующим образом:

  constructor(private activatedRoute: ActivatedRoute) {}

ngOnInit(){ 
   this.activatedRoute.params.subscribe(params => {
   const id = params['id'];
   console.log(id);
});
}  

Вот как я настраиваю маршрутизацию:

const routes: Routes = [
{ path: 'contatti', component: ContattiComponent },
{ path: 'main/:id', component: MainComponent }
];

Как я могу передать"id" для компонента контакта?

Answer 1

Если я правильно понял, чтение параметров маршрутизатора из вашей маршрутизации может быть сделано следующим образом:

constructor( private router: Router){
}

someId: any;


ngOnInit(){
  this.route.params
        .subscribe( (data: any) => this.someId = data.id //<-- here is your id);

    }

Обновление

Недостаточно информации о структуре вашего компонента,Итак, давайте предположим, что ваш основной компонент содержит шаблон для других ваших компонентов

Затем через ваш шаблон вы можете передать идентификатор другим компонентам:

<contatti-component
 [myId]="someId">
</contatti-component>