我尝试通过另一个组件传递我的alpha2code变量,所以当我单击表的行时,它应该仅根据alpha2code显示数据。
这是我单击表格的特定行时的功能
onRowClicked(row) {
console.log('Row clicked: ', row);
console.log(row.alpha2Code);
this.data(row.alpha2Code);
location.href="/country";
}
此设置程序将该行中的alpha2code设置为我的服务中的值
set data(value: any) {
this.getservice.alpha2Code = value;
}
我的服务:
export class GetCountries {
alpha2Code : any;
constructor(private http: HttpClient) { }
public GetAllStationCountries(){
return this.http.get('https://restcountries.eu/rest/v2/all');
}
}
在我的孩子组件中,我尝试将之前设置的值从我的父母绑定到我的孩子。
public get data():any {
return this.getservice.alpha2Code;
}
如果我做的事情完全错误,请告诉我。我的第一个目的只是将数据从父组件传递给我的孩子,这样我就可以使用alpha2code参数从country API中获取数据,因此可以制作一个仪表板,其中包含有关您在表中单击的国家/地区的详细信息>
答案 0 :(得分:1)
我猜您在代码this.data(row.alpha2Code);
上遇到错误。将此行替换为this.data = row.alpha2Code;
。希望这可以解决此错误。由于数据不是函数,因此它是使用set方法配置的输入变量。