使用按钮将对象的字符串值传递给组件 Angular

Question

在组件 'a' 的 html 模板中，我有一个用于导航到其他组件的按钮：

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

所以点击这个按钮让我移动到另一个组件 'b'。

在组件'a'中我有一个私有对象变量，它包含一个字符串值currenciesAccepted，基本上是：myObject.currenciesAccepted.

在组件 'b' 中，我需要这个字符串值，所以我需要在单击按钮时传递它，以便从组件 'a' 导航到组件 'b'.

Answer 1

您可以将 [queryParams]='{"obj":myObject.currenciesAccepted}' 添加到按钮，这将在查询参数中传递字符串

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

}

使用按钮将对象的字符串值传递给组件 Angular

Passing an object's string value to component using a button Angular

components

button

typescript

routerlink

angular