В моем html-шаблоне моего компонента 'a' у меня есть кнопка, которая используется для перехода к другому компоненту:
<button nbButton status="info" class="left" [routerLink]="['/centers', center.id, 'prices']">PRICES</button>
Поэтому нажатие на эту кнопку заставило меня перейти к другому компоненту «b».
В компоненте 'a' у меня есть переменная закрытого объекта, которая содержит строковое значение currenciesAccepted
, в основном: myObject.currenciesAccepted
.
В компоненте 'b' мне нужно это строковое значение, поэтому мне нужно передать его, когда я нажму на кнопку, чтобы перейти от компонента 'a' к компоненту 'b'.
2 ответа
Попробуй это
<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') ;
})
}
Вы можете добавить [queryParams]='{"obj":myObject.currenciesAccepted}'
к кнопке, это передаст строку в параметрах запроса
Новые вопросы
angular
Вопросы по Angular (не путать с AngularJS), веб-фреймворку от Google. Используйте этот тег для угловых вопросов, которые не относятся к конкретной версии. Для более старой веб-платформы AngularJS (1.x) используйте тег angularjs.