Как отправить данные из одного компонента в другой и заполнить его поля в Angular 8

Question

Я работаю над проектом, который состоит из двух компонентов: один - AddProductComponent, а другой - компонент списка продуктов. то, что я хочу сделать, - это когда я нажимаю кнопку редактирования продукта в компоненте ProductListComponent, я должен быть перенаправлен в компонент «Добавить продукт», а форма addproductform заполняется сведениями о созданном мной продукте c. Я не могу это сделать. Данные, которые я получаю, поступают от серверных REST API

Я хочу знать, как я могу отправить данные из одного компонента в другой и заполнить этот компонент. Примечание - оба компонента находятся на одном уровне, т.е. НИКАКОЙ иерархии родитель-потомок между компонентами

Answer 1

вы можете передать данные примерно так ...

clickeditproduct(){

this.route.navigate(['/addproduct', JSON.stringify(Passdata)]);

}
or 
const addProducts = JSON.parse(this.dataRoute.snapshot.params['Passdata']);