Я создал массив и отобразил его в компоненте домашней страницы. Теперь я хочу, чтобы при щелчке по одному из изображений я хотел получить подробную информацию об этом элементе в компоненте сведений об элементе, как это сделать? благодарю вас!

вид компонента домашней страницы

код компонента домашней страницы

Нажатие кнопки

<a (click)="viewItem(i)" class="btn btn-block btn-primary">More Details</a>
0
Prasad Chathuranga 1 Сен 2020 в 05:13

2 ответа

Лучший ответ

Вам необходимо назначить индекс при назначении *ngFor, чтобы его можно было передать обработчику кликов.

Предполагая некоторую разметку здесь ...

<div *ngFor="let car of cars; let i = index">
  ...
  <a (click)="viewItem(i)" class="btn btn-block btn-primary">More Details</a>
</div>

Затем вы можете получить доступ к элементу в массиве по индексу.

0
Brandon 1 Сен 2020 в 03:45

Я думаю, вы также можете передать прямую детализацию автомобиля внутри функции Argument

Html

<div *ngFor="let car of cars; let i = index">
  ...
  <a (click)="viewItem(car)" href="javascript:;" class="btn btn-block btn-primary">More Details</a>
</div>

TS

viewItem(car){
console.log(car);
}
0
Prakash Harvani 1 Сен 2020 в 04:01