リストデータの値を取得する方法Ionic 2 JSONから？

Question

この私のJSONデータ：

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

この私の活字体 ​​3210

どうイオン2 HTMLで次のようにビューデータJSONを取得しますか？

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

Answer 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); 
    } 

}