#html #angular #typescript
#HTML #angular #typescript
Вопрос:
Сегодня я изучаю angular и изо всех сил пытаюсь решить эту проблему :
Я хочу создать таблицу из данных API, сохраненных в dataCountries и, таким образом, я создаю цикл ngFor, который создает строку
Но я также хочу сделать ячейки интерактивными, чтобы это приводило пользователя к другому компоненту, который предоставляет данные, относящиеся к тому, что он нажал.
Для этого мне нужен конкретный текст ячейки, на которую он нажал, которого будет достаточно, чтобы я мог предоставить ему информацию, которую он хочет
Моя идея состояла в том, чтобы передать его в качестве аргумента методу (click) с именем 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>
Есть ли способ сделать это?
Большое вам спасибо за вашу помощь
Комментарии:
1. Я не мог до конца понять проблему, вы можете просто пройти мимо страны. Страна, если это то, что вам нужно.
Ответ №1:
Вы должны иметь доступ country к внутренней части цикла:
<tr *ngFor="let country of dataCountries">
<td (click)="myService.goToCountry(country.Country)"> {{ country.Country }} </td>
</tr>
Комментарии:
1. боже, я такой тупой, я думаю, что другие ошибки не позволили мне этого сделать. Спасибо..