ngForループトラフオブジェクト

Question

オブジェクトを反復しようとしています。私は、次の試してみました：

パイプ：私のhtmlで

@Pipe({name: 'keys'}) 
export class KeysPipe implements PipeTransform { 
    transform(value, args:string[]) : any { 
    if (!value) { 
     return value; 
    } 

let keys = []; 
for (let key in value) { 
    keys.push({key: key, value: value[key]}); 
} 
return keys; 

}}

：

<div *ngIf="details"> 
<li *ngFor=" let entry of details| keys">   
{{entry.key}}, {{entry.value}} 
</li> 

そしてその作業が、それは私の全体のオブジェクトを示しています。 オブジェクトの特定のキーが必要です。 だから私は（これはこれで、配列を持つ目的であった、この方法は、そのオブジェクトのみ場合に動作していない）、このような何かを行うことができます。

<button ion-item *ngFor="let movie of movies?.results" (click)="goToDetails(movie.id)"> 
    <h2>{{movie.title}}</h2> 
{{movie.overview}} 
</button> 

Answer 1

あなたが希望（いずれかのフィルターパイプを実装するか、引数を渡す必要がありますあなたのパイプにプロパティ名）：

<li *ngFor=" let entry of details| keys:'name', 'value'"> 
//or 
<li *ngFor=" let entry of details| keys | filter"> 

---

for (let key in value) { 
    if(!Array.isArray(args) || args.length === 0 || args.indexOf(key) > -1) 
    keys.push({key: key, value: value[key]}); 
} 

<li *ngFor=" let entry of details| keys:'name'">   
{{entry.key}}, {{entry.value}} 
</li>