Передача строкового значения объекта в компонент с помощью кнопки 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'.

angular typescript button components routerlink

-1

Fealo 29 Май 2019 в 13:19

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') ;
     })

}

2

Ghoul Ahmed 29 Май 2019 в 10:32

Answer 2

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

0

Sachin Gupta 29 Май 2019 в 10:25

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

2 ответа

Новые вопросы

angular