我从服务器获得对象,我想在ionic2
typescript
内读取。
我的问题:
如何为每个获取其值的键读取此对象?
Example:
ionic
列表:
在这种情况下,Header = key1 , key2 , key3
和value
是每个values
的{{1}}
key
对象:
Header = key1
items1
items1
items1
Header2 = key2
items2
items2
items2..
答案 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