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

Question

我目前正在從服務器獲取深度嵌套的json對象，並使用管道對其進行解析。

但是，即使我只想獲得一個值，它也會循環遍歷每個鍵。 我怎樣才能做到這一點？

這些是代碼

管

從“ @ angular / core”導入{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">