顺便说一下,我是Typescript和Angular2的新手。
我有一个返回 PracticeTestList 类型对象的服务。服务和对象的声明如下所示。
现在,我有一个读取对象的自定义管道,如下所示。
自定义管道类确实收到了对象,但在 for 循环中,对象被读作单行字符串而不是对象。这是为什么?
如何在对象中读取对象作为对象?
由于
服务
getMyPracticeTest(uid: string){
return this._http.get('http://localhost:49753/RestServiceImpl.svc/getMyPracticeTest/' + uid)
.map(data => {
data.json();
// the console.log(...) line prevents your code from working
// either remove it or add the line below (return ...)
console.log("getMyPracticeTest >>>>>>> ", <PracticeTestList[]>data.json());
return <PracticeTestList[]>data.json();
});
}
对象声明
import { Injectable } from '@angular/core';
@Injectable()
export interface PracticeTestList {
Purchase_ID: number;
User_FK: number;
name: string;
price: number;
resteurant: string;
credit_card_number: string;
purchase_date : any;
Test_Status_FK: number;
child :string;
}
自定义管道
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({name: 'values'})
export class ValuesPipe implements PipeTransform {
transform(value, args:string[]) : any {
let keys = [];
for (let key in value) {
console.log("Key >>>> " + key + " value >>>>> " + value[key]);
keys.push({key: key, value: value[key]});
}
return keys;
}
}
在管道中添加了日志
Key >>>> 0 value >>>>> [ main.bundle.js:64502:13
Key >>>> 1 value >>>>> { main.bundle.js:64502:13
Key >>>> 2 value >>>>> " main.bundle.js:64502:13
Key >>>> 3 value >>>>> P main.bundle.js:64502:13
Key >>>> 4 value >>>>> u main.bundle.js:64502:13
Key >>>> 5 value >>>>> r main.bundle.js:64502:13
Key >>>> 6 value >>>>> c main.bundle.js:64502:13
Key >>>> 7 value >>>>> h main.bundle.js:64502:13
Key >>>> 8 value >>>>> a main.bundle.js:64502:13
Key >>>> 9 value >>>>> s main.bundle.js:64502:13
Key >>>> 10 value >>>>> e main.bundle.js:64502:13
Key >>>> 11 value >>>>> _ main.bundle.js:64502:13
Key >>>> 12 value >>>>> I main.bundle.js:64502:13
Key >>>> 13 value >>>>> D main.bundle.js:64502:13
Key >>>> 14 value >>>>> " main.bundle.js:64502:13
Key >>>> 15 value >>>>> : main.bundle.js:64502:13
Key >>>> 16 value >>>>> 1 main.bundle.js:64502:13
Key >>>> 17 value >>>>> , main.bundle.js:64502:13
Key >>>> 18 value >>>>> "
添加了HTML代码
<table class="table" *ngIf="myPurchaseItems">
<tr *ngFor="let entry of myPurchaseItems | values">
<td>Key: {{entry.key}}, value: {{entry.value}}</td>
</tr>
</table>
答案 0 :(得分:5)
首先使用Object.keys
获取密钥:
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({ name: 'values' })
export class ValuesPipe implements PipeTransform {
transform(value): any {
let keys = Object.keys(value);
return keys.map(k => value[k]);
}
}
您可以尝试Object.values()
直接获取值,但可能无法在任何地方获得支持。