在Angular2中打印出json对象,具体取决于json对象的外观

时间:2016-10-24 12:30:25

标签: html json angular typescript frontend

我试图打印出来自以下JSON对象的区域,crimePerCapita和人口。根据我是否需要特定区域或整个国家/地区的数据,我将在下面获得以下两个JSON对象。

我有一个字符串,可以是"全国"或特定地区。我正在考虑做一个ng-If在这个字符串上,检查它是否等于"整个国家"所以我打印出整个国家的价值观。如果字符串不等于这个值,我想只打印一个区域。

我想在两个不同视图中拆分它的原因是因为如果我只查找一个区域而不是一个区域,那么JSON对象看起来不一样。

//JSON
//If we fetch a specific region, it looks like this:
{"region":"blekinge","crimePerCapita":"0.0064","population":156253.0}
// If we want to retrieve the entire country (not a specific region like in the case above), we get this: 
[{"region":"stockholm","population":2231439.0},{"region":"uppsala","population":354164.0}]

//Typescript
items: any[] = [];

onClickStatistics(region: string): void {
    this.region = region;
    this.httpService.getStatistic(this.region)
      .subscribe(
        data => {
          const myArray = [];
          for (let key in data) {
            myArray.push(data);
            console.log(data);
          }
          this.items = myArray;
          }
      );
  }

<!-- HTML -->
<ul *ngFor="let item of items">
    <li>{{item.region}}</li>
    <li>{{item.population}}</li>
    <li>{{item.crimePerCapita}}</li>
</ul>

0 个答案:

没有答案