如何从 JSON 获取列表数据值 Ionic 2？

Posted 2023-03-13

【中文标题】如何从 JSON 获取列表数据值 Ionic 2？

【英文标题】：How to get list data value Ionic 2 From JSON?

【发布时间】：2018-04-20 20:25:44

【问题描述】：

这是我的 JSON 数据：

[
  
    "id": 1,
    "label": "saw",
    "total": "100"
  ,
  
    "id": 2,
    "label": "saw1",
    "total": "300"
  ,
  
    "id": 3,
    "label": "saw2",
    "total": "400"
  
]

这是我的打字稿

this.http.get('http://www/upnionic/chart.php')
  .map(res => res.json()).subscribe(data => 
    this.qwerty = data; this.qwerty.forEach(element => 
        let product = element.total;
        this.pieChartData = product; 
        console.log(product);
    ); 
);

如何在 html ionic 2 中获取这样的视图数据 Json ？

["100","300","400"]

【问题讨论】：

var totalArray = data.map((item) => item.total);

成功了！！！！，非常感谢

【参考方案1】：

PFB 从数组中提取值并将其放入另一个数组的示例代码

import  Component  from '@angular/core';
import  NavController  from 'ionic-angular';

@Component(
  selector: 'page-home',
  templateUrl: 'home.html'
)
export class HomePage 
  jsonData : any;
  val : any=[];
  constructor(public navCtrl: NavController) 
    this.jsonData=["id":1,"label":"saw","total":"100","id":2,"label":"saw1","total":"300","id":3,"label":"saw2","total":"400"];
    this.jsonData.map((item)=>
      this.val.push(item.total);
    );
    alert(this.val);