Манипулировать данными DOM и TS

Question

Я отображаю список идентификаторов, ища их в моей базе данных. В моем ngfor l oop я перетащил дочерний компонент. Могу ли я получить каждый идентификатор в каждом дочернем компоненте?

Я хочу получить каждое значение «GameToDisplay.key» в player.ts, чтобы вызывать все данные по этому ключу. Тк ты

<div *ngFor="let GameToDisplay  of GamesToDisplay | async">
{{GameToDisplay.key}}
<app-players></app-players>
</div>

Answer 1

Вам необходимо передать данные и получить к ним доступ players.ts

<div *ngFor="let GameToDisplay  of GamesToDisplay | async">
{{GameToDisplay.key}}
<app-players [data]="GameToDisplay.key"></app-players> //data is not the fixed name
</div>

На вашем players.ts

@Input('data') key: any; // replace any by your key type;

 ngOnInit(){
 console.log(key);
}