如何从Angular 5应用程序中的json数组中获取值?

时间:2019-02-21 10:19:28

标签: arrays json angular

我有以下JSON定义:

 export class Company {
      name: string;
      trips : Trip[] = [];
    }

export class Trip{
    id: number;
    name: string;        
}

我可以使用以下命令在控制台中查看行程:

console.log(this.company);

在组件中,我具有以下方法:

if(this.company) {
     Object.keys(this.company.trips).forEach((data) => {     
            console.log(data);                        
        });
}

我在控制台中得到的是旅程的属性名称,即“ id”和“ number”。 我想知道如何访问该值。

1 个答案:

答案 0 :(得分:0)

根据您的数据结构,您甚至不应该尝试执行Object.keys,因为Trip是一个对象,就像下面这样,您将迭代对象视为一个对象真实的Trip对象

if(this.company && this.company.trips){
this.company.trips.forEach((trip:Trip) => {     
            console.log(trip.id + '\n' + trip.name);                        
        });
}

如果您对这条鳕鱼有任何疑问,请确保您正确执行了反序列化过程并且对象已正确投射。