将typesscript参数传递给html文件中的(click)方法

Question

我今天正在学习angular，我很难通过这个问题:

我希望从保存在dataCountries的api的数据创建一个表，因此，我创建了一个ngFor循环，创建行

但是我还想让单元格可点击，这样它就会把用户带到一个不同的组件，该组件提供特定于他点击的数据。

要做到这一点，我需要他点击的单元格的特定文本这将足以让我给他他想要的信息

我的想法是把它作为一个参数传递给一个名为myService.goToCountry(countryName)的(点击)方法，然后在这个方法上做我的事情。

下面是我的代码:

<tr *ngFor="let country of dataCountries">

<td  style="cursor: pointer;" (click)="myService.goToCountry(Here I want the value of country.Country)"> {{ country.Country }} </td>
</tr>

有办法吗?

非常感谢您的帮助

Answer 1

您应该能够在循环中访问country:

<tr *ngFor="let country of dataCountries">            
<td (click)="myService.goToCountry(country.Country)"> {{ country.Country }} </td>
</tr>