错误TypeError:this.data不是函数

时间:2018-06-20 17:08:39

标签: angular api typescript

我尝试通过另一个组件传递我的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中获取数据,因此可以制作一个仪表板,其中包含有关您在表中单击的国家/地区的详细信息

1 个答案:

答案 0 :(得分:1)

我猜您在代码this.data(row.alpha2Code);上遇到错误。将此行替换为this.data = row.alpha2Code;。希望这可以解决此错误。由于数据不是函数,因此它是使用set方法配置的输入变量。