如何加载第一行ng-click在ng-repeat div

Question

我有一个问题，从div -repeat加载第一个数据之前单击ng-repeat。代码将是这样的:

<div class"profile" ng-repeat="data in information" ng-click="getData(data.id)">
<div class="profile-name">{{data.name}}</div>
</div>
<div class="profileDetail" ng-repeat="data in informationDetail">
<div>Age: {{age}}</div>
<div>Gender: {{gender}}</div>
</div>

目前，divclass="profileDetail"显示只在单击divclass="profile"时工作，但我想显示默认加载从第一行ng-repeat在divclass="profile"中基于id和显示在class="profileDetail"之前单击div。希望有人能帮助我解决这个问题。

Answer 1

您应该能够在component.ts的onInit中设置informationDetail的默认状态像这样:

public ngOnInit(): void { 
informationDetail = { id: 123 }
}