Передача строкового значения объекта компоненту с помощью кнопки Angular

Question

В моем html-шаблоне моего компонента 'a' у меня есть кнопка, которая используется для перехода к другому компоненту:

<button nbButton status="info" class="left" [routerLink]="['/centers', center.id, 'prices']">PRICES</button>

Поэтому нажатие на эту кнопку заставило меня перейти к другому компоненту 'b'.

В компоненте 'a' у меня есть переменная частного объекта, которая содержит строковое значение currenciesAccepted, в основном: myObject.currenciesAccepted.

В компоненте 'b' мне нужно это строковое значение, поэтому мне нужно передать его при нажатии на кнопку, чтобы перейти от компонента 'a' к компоненту 'b'.

Answer 1

попробуйте

<button nbButton status="info" class="left" 
[routerLink]="['/centers', center.id, 'prices']" 
[queryParams]='{currenciesAccepted: myObject.currenciesAccepted}' >PRICES</button>

в центрах компонента

import { ActivatedRoute } from '@angular/router';

currenciesAccepted: any = {};
constructor( private route: ActivatedRoute) { }

ngOnInit() {
    this.route.queryParamMap.subscribe( params => {
     this.currenciesAccepted  = params.get('currenciesAccepted') ;
     })

}

Answer 2

Вы можете добавить [queryParams]='{"obj":myObject.currenciesAccepted}' к кнопке, это передаст строку в параметрах запроса