Angular2如何從ngFor中只獲取一個值

Question

我目前從服務器獲取深層嵌套的json對象並使用pipe來解析它們。

但它循環每一個關鍵，即使我只想得到一個值。我怎麼能做到這一點？

這些代碼

管

進口{管，PipeTransform}從 '@角/芯';

@Pipe({name: 'keyValues'}) 
export class KeysPipe implements PipeTransform { 
    transform(value, args:string[]) : any { 
    let keys = []; 
    for (let key in value) { 
     keys.push({key: key, value: value[key]}); 
    } 
    return keys; 
    } 
} 

HTML模板

<div *ngFor="let detail of teaInfo | keyValues"> 
    <div *ngFor="let basicinfo of detail.value | keyValues"> 
      <p>School: {{basicinfo.value}}</p> 
    </div> 
</div> 

結果

school:example1 

school:example2 

school:example3 

school:example4 

school:example5 

school:example6 

我也試過這個

<div *ngFor="let detail of teaInfo | keyValues"> 
     <div *ngFor="let basicinfo of detail.value | keyValues"> 
       <p>School: {{basicinfo.value['example2']}}</p> 
      </div> 
     </div> 

結果

school: 

school:example2 

school: 

school: 

school: 

school: 

沒有給出值仍循環..

但我只是想獲得

school:example2 

沒有任何循環..

幫助將不勝感激！

Answer 1

這可能會做你想要什麼：

<div *ngFor="let basicinfo of detail.value | keyValues | splice:2:1">