Angular 4调用一个函数

Question

我有这段代码：

personListComponent.html

<tr *ngFor="let person of personService.getPersons()">
      <td (onShow)="getCountry(person)">{{person.name}}</td>
      <td>{{country}}
</tr

personListComponent.ts

country : string = '';

getCountry(person : Person){
  this.country = this.countryservice.getCountry(person.countryid);
}

我想从该人那里获取该国家并将其显示在表格中，但是(onShow)从不调用getCountry()功能。 有没有办法从<td>元素中调用此函数？或以任何方式向国家展示？

Answer 1

不使用ngShow，您可以直接评估td中的函数，如下所示，

<tr *ngFor="let person of personService.getPersons()">
      <td>{{person.name}}</td>
      <td>{{getCountry(person) | async}}
</tr>

和函数

getCountry(person : Person){
  return  this.countryservice.getCountry(person.countryid);
}