ngFor loop trough Объект

Question

Я пытаюсь выполнить итерацию через объект. Я попытался следующие:

трубы:

@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; 

}}

в моем HTML:

<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>