处理DOM和TS数据

Question

我通过在数据库中搜索ID来显示ID列表。在ngfor循环中，我拖动了一个子组件。我可以在每个子组件中检索每个ID吗？

我想获取players.ts中“ GameToDisplay.key”的每个值，以便通过此键调用每个数据。谢谢你

<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);
}