我怎么能在离子2和角2中读取一个物体?

时间:2016-11-07 11:31:28

标签: arrays json angular ionic-framework ionic2

我从服务器获得对象,我想在ionic2 typescript读取

我的问题:

如何为每个获取其值的键读取此对象?

Example:

标题

ionic列表: 在这种情况下,Header = key1 , key2 , key3value是每个values的{​​{1}}

key

对象:

Header = key1
items1
items1
items1
Header2 = key2
items2
items2
items2..

1 个答案:

答案 0 :(得分:3)

要在"Key"循环中打印*ngFor数组,请先写一个Pipes

<强> Pipe.ts

import { Component,Pipe, PipeTransform, Injectable } from '@angular/core';

@Pipe({
  name: 'objectValues'
})

@Injectable()
export class ObjectValuesPipe implements PipeTransform {
  transform(obj: any) {
    let result = [];
    for (var key in obj) {
      if (obj.hasOwnProperty(key)) {
        result.push(obj[key]);
      }
    }
    return result;
  }
}

不要忘记在Pipes中导入@NgModule,而不是像这样使用此管道。

<ul *ngFor="let item of items">
   <li *ngFor="let value of item | objectValues">
     {{ value }}
   </li>
 </ul>

基于:How to display json object using *ngFor and access key,value of object