Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular 2数组:根据用户输入分类为数据集_Javascript_Arrays_Json_Angular_Filtering - Fatal编程技术网

Javascript Angular 2数组:根据用户输入分类为数据集

Javascript Angular 2数组:根据用户输入分类为数据集,javascript,arrays,json,angular,filtering,Javascript,Arrays,Json,Angular,Filtering,我正试图通过这个数据源进行循环 我已经成功地将xml响应转换为JSON,但是我很难将响应分类为日期集 因此,基本上我尝试循环遍历数组,如果用户输入数组中存在的日期,则只使用相应的数据集(索引) 例如,如果用户选择此日期“20170811”,则我只需要“20170811”的数据集(货币、汇率) 这是我的密码 //TS 在本例中,我假设,根据数据,始终只有一个对象具有特定的日期 然后,我们可以轻松地使用find()获取该对象,并显示该特定日期的汇率和货币 因此,您的选择保持不变,更改事件如下所示:

我正试图通过这个数据源进行循环

我已经成功地将xml响应转换为JSON,但是我很难将响应分类为日期集

因此,基本上我尝试循环遍历数组,如果用户输入数组中存在的日期,则只使用相应的数据集(索引)

例如,如果用户选择此日期“20170811”,则我只需要“20170811”的数据集(货币、汇率)

这是我的密码 //TS


在本例中,我假设,根据数据,始终只有一个对象具有特定的日期

然后,我们可以轻松地使用
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>