Javascript Angular 2数组:根据用户输入分类为数据集
我正试图通过这个数据源进行循环 我已经成功地将xml响应转换为JSON,但是我很难将响应分类为日期集 因此,基本上我尝试循环遍历数组,如果用户输入数组中存在的日期,则只使用相应的数据集(索引) 例如,如果用户选择此日期“20170811”,则我只需要“20170811”的数据集(货币、汇率) 这是我的密码 //TSJavascript Angular 2数组:根据用户输入分类为数据集,javascript,arrays,json,angular,filtering,Javascript,Arrays,Json,Angular,Filtering,我正试图通过这个数据源进行循环 我已经成功地将xml响应转换为JSON,但是我很难将响应分类为日期集 因此,基本上我尝试循环遍历数组,如果用户输入数组中存在的日期,则只使用相应的数据集(索引) 例如,如果用户选择此日期“20170811”,则我只需要“20170811”的数据集(货币、汇率) 这是我的密码 //TS 在本例中,我假设,根据数据,始终只有一个对象具有特定的日期 然后,我们可以轻松地使用find()获取该对象,并显示该特定日期的汇率和货币 因此,您的选择保持不变,更改事件如下所示:
在本例中,我假设,根据数据,始终只有一个对象具有特定的日期 然后,我们可以轻松地使用
find()
获取该对象,并显示该特定日期的汇率和货币
因此,您的选择保持不变,更改事件如下所示:
date(date) {
this.filteredDate = this.data.find(x => x.time === date);
}
<ion-list *ngIf="filteredDate">
<ion-item *ngFor="let item of filteredDate.Cube">
Currency: {{item.currency}}, Rate: {{item.rate}}
</ion-item>
</ion-list>
然后在模板中,我们可以只显示数组Cube
,它现在是filteredDate
的一个属性。当然,如果没有匹配的对象,我们需要设置一个,该列表将不会显示。因此,请这样做:
date(date) {
this.filteredDate = this.data.find(x => x.time === date);
}
<ion-list *ngIf="filteredDate">
<ion-item *ngFor="let item of filteredDate.Cube">
Currency: {{item.currency}}, Rate: {{item.rate}}
</ion-item>
</ion-list>
货币:{{item.Currency},汇率:{{{item.Rate}
演示:我想总是只有一个对象具有特定的日期吗?是的,它们都是唯一的指定日期(听上去很奇怪!)
<ion-list *ngIf="filteredDate">
<ion-item *ngFor="let item of filteredDate.Cube">
Currency: {{item.currency}}, Rate: {{item.rate}}
</ion-item>
</ion-list>